angular框架与php的宠物店网站【字数：7202】
随着网络的快速发展，网站已经是我们离不开的一份子，而我们做为95后，一批即将毕业的大学生，我们也应该接上时代的发展趋势。越来越多的企业在使用网站，来加大自己的竞争力，让更多的人了解自己。本网站是一个关于宠物轩的网站，其主要目的是让看到这个网站的客户能够更好的了解这个宠物轩的服务，并且能够在家中就能预约服务，更加方便的享受宠物轩的服务，增强用户体验，从而提升商家的竞争力度，也可以发布关于宠物的信息，吸引更多的热爱宠物人士。本网站主要通过php实现面向客户的页面，通过angular框架实现面向商家的页面，通过ajax实现前后台的基础，通过php实现后台的代码编写以及调用数据库里的内容，其中数据库使用的是mysql。
目录
1. 绪论 5
2. 软件设计环境简介 6
2.1 环境设备 6
2.2 应用软件 6
2.3 开发技术 6
2.3.1 HTML5 6
2.3.2 CSS3 6
2.3.3 JavaScript 7
2.3.4 DOM 7
2.3.5 PHP 7
2.3.6 Angular框架 7
2.3.7 MySQL数据库 7
2.4 网站的影响 8
2.4.1 本网站对社会文化的影响 8
2.4.2 本网站对健康安全的影响 8
2.4.3 本网站对法律的影响 8
3. 系统分析 9
3.1 需求分析 9
3.2 数据库表格设计 9
3.2.1 所有数据表 9
3.2.2 所有订单的数据表 10
3.2.3 所有医生的数据表 10
3.2.4 所有人员的数据表 11
3.2.5 所有留言的数据表 11
3.2.6 所有新闻的数据表 11
3.2.7 所有宠物店服务内容信息的数据表 12
3.2.8 所有宠物店服务的分类的数据表 12
3.2.9 宠物图片的数据表 12
3.2.10 宠物店医科的分类的数据表 12
3.2.11 宠物百科的 *好棒文|www.hbsrm.com +Q: ￥351916072￥
分类的数据表 13
3.2.12 宠物百科的分类的数据表 13
4. 系统实现 14
4.1 面向顾客的代码 14
4.1.1 登录、注册页 14
4.1.2 首页 15
4.1.3 服务预约页 18
4.1.4 宠物课堂页 19
4.1.5 宠物资讯页 21
4.1.6 宠物展览页 22
4.1.7 关于我们页 24
4.1.8 面向顾客的页面的头部 25
4.1.9留言版页 26
4.1.10我的订单页 28
4.2 后台代码 29
4.2.1 连接数据库的代码 29
4.2.2 后台的各种代码 31
5. 总结 35
参考文献 36
致谢 37
1. 绪论
由于社会的发展，互联网已经深深的刻进我们的生活，变成我们生活中不可分割的一部分[1]。越来越多的企业或者个人为了让更多人看到自己，提高自己的竞争力去制作使用网站，使得网络发展更为讯速，互联网对网站的需求也越来越多，展示型网站、营销型网站、功能型网站等等越来越多。一个好的网站可以让更多的人看到并了解企业，也可以实现一定的功能，轻便、快捷的达到我们的要求。
本网站是一个关于宠物轩的网站，其主要功能是让看到这个网站的客户能够更好的了解这个宠物轩的服务，并且能够在家中就能预约服务，更加方便的享受宠物轩的服务，增强用户体验，从而提升商家的竞争力度，也可以发布关于宠物的信息，吸引更多的热爱宠物人士。
2. 软件设计环境简介
2.1 环境设备
硬件：PC机一台
版本：Windows 10 家庭中文版
系统：64位操作系统
处理器：Intel(R) Core(TM) i57200 CPU@2.50 GHz 2.70 GHz
2.2 应用软件
sublime_text
JetBrains PhpStorm
Navicat for MySQL
2.3 开发技术
2.3.1 HTML5
HTML5是在2014年10月29日，由W3C（World Wide Web Consortium，万维网联盟）宣布该标准规范制定完成。HTML5规范中包括了HTML、CSS、JavaScript和DOM一套规范。其中HTML5中新的标签媒体播放（audio、video）、绘画标签（canvas）就是为了在移动设备上支持多媒体而诞生的。HTML5中对本地离线存储（localStorage、sessionStorage）有了更好的支持，也产生了新的语义标签，实现了见名知义的功能。 HTML5适用于很多平台，并与多个设备多个浏览器兼容。[2]
2.3.2 CSS3
CSS是一个样式表（层叠样式表）技术，它的作用在于可以方面的对页面进行布局、渲染。CSS3是增加了更多CSS选择器和新的特性，可以实现比以前更加方面且强大的功能。CSS3是向模块化发展，包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局[3]。CSS3中的新的选择器让代码变得更加强大[4]。并且，CSS3完全向后兼容，将来也不用对它进行修改就能继续使用。
2.3.3 JavaScript
JavaScript是一种弱类型语言，它是广泛运用于浏览器的编程语言[5]。JavaScript是能够跨平台、跨浏览器，能与用户交互的语言[6]。JavaScript代码十分简单，与C语言相似，JavaScript能为网站实现交互与动态的效果[7]。
2.3.4 DOM
DOM(Document Object Model，文档对象模型)操作是对HTML和XML进行操作,要改变HTML的结构时，可以通过JavaScript来操作DOM[8]。DOM树可以分为节点树和元素树，节点树，可以把所有内容看成是树上的节点，而元素树，只能把标签看成是节点[9]。DOM节点上，可以进行更新节点、遍历节点、添加节点、删除节点的操作。
目录
1. 绪论 5
2. 软件设计环境简介 6
2.1 环境设备 6
2.2 应用软件 6
2.3 开发技术 6
2.3.1 HTML5 6
2.3.2 CSS3 6
2.3.3 JavaScript 7
2.3.4 DOM 7
2.3.5 PHP 7
2.3.6 Angular框架 7
2.3.7 MySQL数据库 7
2.4 网站的影响 8
2.4.1 本网站对社会文化的影响 8
2.4.2 本网站对健康安全的影响 8
2.4.3 本网站对法律的影响 8
3. 系统分析 9
3.1 需求分析 9
3.2 数据库表格设计 9
3.2.1 所有数据表 9
3.2.2 所有订单的数据表 10
3.2.3 所有医生的数据表 10
3.2.4 所有人员的数据表 11
3.2.5 所有留言的数据表 11
3.2.6 所有新闻的数据表 11
3.2.7 所有宠物店服务内容信息的数据表 12
3.2.8 所有宠物店服务的分类的数据表 12
3.2.9 宠物图片的数据表 12
3.2.10 宠物店医科的分类的数据表 12
3.2.11 宠物百科的 *好棒文|www.hbsrm.com +Q: ￥351916072￥
分类的数据表 13
3.2.12 宠物百科的分类的数据表 13
4. 系统实现 14
4.1 面向顾客的代码 14
4.1.1 登录、注册页 14
4.1.2 首页 15
4.1.3 服务预约页 18
4.1.4 宠物课堂页 19
4.1.5 宠物资讯页 21
4.1.6 宠物展览页 22
4.1.7 关于我们页 24
4.1.8 面向顾客的页面的头部 25
4.1.9留言版页 26
4.1.10我的订单页 28
4.2 后台代码 29
4.2.1 连接数据库的代码 29
4.2.2 后台的各种代码 31
5. 总结 35
参考文献 36
致谢 37
1. 绪论
由于社会的发展，互联网已经深深的刻进我们的生活，变成我们生活中不可分割的一部分[1]。越来越多的企业或者个人为了让更多人看到自己，提高自己的竞争力去制作使用网站，使得网络发展更为讯速，互联网对网站的需求也越来越多，展示型网站、营销型网站、功能型网站等等越来越多。一个好的网站可以让更多的人看到并了解企业，也可以实现一定的功能，轻便、快捷的达到我们的要求。
本网站是一个关于宠物轩的网站，其主要功能是让看到这个网站的客户能够更好的了解这个宠物轩的服务，并且能够在家中就能预约服务，更加方便的享受宠物轩的服务，增强用户体验，从而提升商家的竞争力度，也可以发布关于宠物的信息，吸引更多的热爱宠物人士。
2. 软件设计环境简介
2.1 环境设备
硬件：PC机一台
版本：Windows 10 家庭中文版
系统：64位操作系统
处理器：Intel(R) Core(TM) i57200 CPU@2.50 GHz 2.70 GHz
2.2 应用软件
sublime_text
JetBrains PhpStorm
Navicat for MySQL
2.3 开发技术
2.3.1 HTML5
HTML5是在2014年10月29日，由W3C（World Wide Web Consortium，万维网联盟）宣布该标准规范制定完成。HTML5规范中包括了HTML、CSS、JavaScript和DOM一套规范。其中HTML5中新的标签媒体播放（audio、video）、绘画标签（canvas）就是为了在移动设备上支持多媒体而诞生的。HTML5中对本地离线存储（localStorage、sessionStorage）有了更好的支持，也产生了新的语义标签，实现了见名知义的功能。 HTML5适用于很多平台，并与多个设备多个浏览器兼容。[2]
2.3.2 CSS3
CSS是一个样式表（层叠样式表）技术，它的作用在于可以方面的对页面进行布局、渲染。CSS3是增加了更多CSS选择器和新的特性，可以实现比以前更加方面且强大的功能。CSS3是向模块化发展，包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局[3]。CSS3中的新的选择器让代码变得更加强大[4]。并且，CSS3完全向后兼容，将来也不用对它进行修改就能继续使用。
2.3.3 JavaScript
JavaScript是一种弱类型语言，它是广泛运用于浏览器的编程语言[5]。JavaScript是能够跨平台、跨浏览器，能与用户交互的语言[6]。JavaScript代码十分简单，与C语言相似，JavaScript能为网站实现交互与动态的效果[7]。
2.3.4 DOM
DOM(Document Object Model，文档对象模型)操作是对HTML和XML进行操作,要改变HTML的结构时，可以通过JavaScript来操作DOM[8]。DOM树可以分为节点树和元素树，节点树，可以把所有内容看成是树上的节点，而元素树，只能把标签看成是节点[9]。DOM节点上，可以进行更新节点、遍历节点、添加节点、删除节点的操作。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/620.html
