angular的在线眼镜定制系统【字数：8798】
摘 要在现在生活中，由于生活节奏的加快以及各类电子产品的出现，再加上大部分不良的生活习惯，近视的人越来越多。同时，由于我们处在电子信息技术大爆炸的一个时代，各类电商系统层出不穷，但是一款专门针对近视人群的在线软件售卖系统一直没有出现。我本人来自江苏丹阳，我们那儿是全中国，乃至全亚洲最大的眼镜售卖基地，我常常因为各地眼镜价格的巨大差异而感到乍舌，所以开发一款专门用于售卖各类眼镜的软件一直是我的一个想法。该项目主要由两个角色组成，分别是商户老板和买家。本次毕业设计采用的是angular和php两种语言设计，分为前台、管理平台和后端管理三个模块，其中前台主要为展示给用户的商品信息，物流信息等，管理平台主要面向卖家，用于进行商品信息和订单信息的管理，后端管理主要通过php进行操作，用于获取数据库的各类信息，并交由前台进行页面显示。其中前端的前台和管理平台使用div+css进行页面排版，数据的接收处理使用angular进行操作，后端管理平台使用mysqli进行数据库连接，读取数据库。
目 录
目 录 III
1前言 1
1.1概述 1
1.2设计的目的和意义 1
2开发工具和运行环境 2
2.1开发环境和技术 2
Vs介绍 2
PowerBuilder介绍 2
mysql介绍 2
phpwamp介绍 2
2.2开发语言介绍 2
Angular语言介绍 2
php介绍 3
JavaScript介绍 3
CSS介绍 3
jQuery介绍 3
ES6介绍 4
3系统分析 5
3.1可行性研究 5
技术可行性 5
经济可行性 6
管理可行性 6
3.2需求分析 6
4系统概要设计 7
4.1系统设计基本思想 7
4.2系统功能结构图及分析 8
4.3模块UML设计 8
功能模块用例图设计 8
功能模块时序图设计 10
功能模块活动图设计 14
*好棒文|www.hbsrm.com +Q: ^351916072^
/> 4.4数据库设计 16
数据库概念设计 16
数据库逻辑设计 17
数据库物理设计 17
5系统详细设计 20
5.1登陆模块设计 20
卖家登陆界面设计 20
卖家注册界面设计 20
5.2查看网站浏览页面设计 20
5.3商品分类设计 20
5.4商品管理设计 20
5.5订单管理设计 20
5.6推荐商品设计 20
6系统功能实现 21
6.1数据库的连接的实现 21
6.2登陆模块的实现 22
注册界面的实现 22
登陆界面 23
首页信息 26
6.3搜索商品 28
6.4个人信息管理 33
6.5查看网站浏览情况 37
6.5商品管理 40
6.6订单管理页面 43
6.7推荐管理页面 43
结论 45
参考文献 46
1前言
1.1概述
该系统是一款使用angular+php+mysql制作的在线眼镜商城，通过mysql存储用户数据、订单数据和商品数据，实现在线商城的数据管理，同时通过php进行数据库数据的读取，保证数据传递的稳定。开发该软件的目的主要是希望能够通过互联网这个时代宣传利器宣传我家乡的产品，同时也能够使得全国各地的人们能够以更加低廉的价格获得更好的眼镜产品。
1.2设计的目的和意义
随着互联网技术的发展，网上购物的普及已经彻底改变了人们的购物观念。网上在线配镜商店的出现使得越来越多的男性或女性，甚至小孩在家中就可舒适地选择处方眼镜。
网上商店已经将眼镜更加细分化。无论是为孩子或成人配制处方眼镜，都可以选择一个适合的个性的眼镜。不仅如此，还可以找到一款量身定制的眼镜，即处方眼镜。从镜片上说，有单光、双光、自由取面镜片；网上眼镜店还提供了多种选择的镜架，从镜架的框形上有无框、半框或全框；从制作材料上分成金属架，塑料架以及混合材料架等，当然金属架是一个大类，还可以再细分。这就是又一因素让越来越多的人趋向于在线配镜，网上眼镜店可以为提供更多的选择。
? 2开发工具和运行环境
2.1开发环境和技术
1.Vs介绍
VS是Microsoft Visual Studio的简称。Vs是由美国微软公司开发的一整套软件项目开发工具包，他包括了软件生命周期从项目立项开始的制图UML工具，项目进行中的代码管控工具、集成开发环境(IDE)等等，通过这些工具所书写的代码能够完美适用于由微软开发的所有平台。[4]
本次软件项目开发我所使用的软件开发环境就是VS中的VsCode，他能够完美适配由谷歌公司开发的angular前端架构，同时具有良好用户交互体验，能够满足用户几乎所有的需求，具有响应速度快，高效的团队合作等特点，能够非常好的辅助用户进行软件项目的开发。
2.PowerBuilder介绍
PowerBuilder美国Sybase公司研制的一种新型、快速开发工具，是客户机/服务器结构下，基于Windows3.x、Windows95和WindowsNT的一个集成化开发工具。它包含一个直观的图形界面和可扩展的面向对象的编程语言PowerScript，提供与当前流行的大型数据库的接口，并通过ODBC与单机数据库相连[6]。
3.mysql介绍
Mysql是目前市场上的主流数据库管理系统，通常应用于中小型项目中，它具有非常良好的开发环境，采用关系数据表存储方式，通过将不同的表使用各种主键连接，可以使用离散的方式存储用户数据，大大提高了数据读取的灵活性，尤其是它开放源码的特性，也使得它的维护变得相对来说比较简单，可以很好的搭配php和apache组成良好的开发环境。[15]
4.phpwamp介绍
PhpWamp是基于windows操作系统的一款完全绿色的php开发集成环境，相比较wamp开发集成环境，phpwamp结构更加的精简，速度也更加的快，同时还具有开发模式和运营模式两个运行模式，能够一键生成php后端所需要的软件开发环境，而且软件也具有非常高的兼容性，能够支持各种各样的插件功能，适应windows环境下的各类系统。[8]
2.2开发语言介绍
?Angular语言介绍
AngularJs是由google公司进行开发维护的，基于javaScript的前端框架，核心采用mvc架构进行软件开发，模块化、自动化双向数据绑定、语义化标签、依赖注入都是它的特性。在前端开发时，可以通过script标签添加到界面中。[9]
目 录
目 录 III
1前言 1
1.1概述 1
1.2设计的目的和意义 1
2开发工具和运行环境 2
2.1开发环境和技术 2
Vs介绍 2
PowerBuilder介绍 2
mysql介绍 2
phpwamp介绍 2
2.2开发语言介绍 2
Angular语言介绍 2
php介绍 3
JavaScript介绍 3
CSS介绍 3
jQuery介绍 3
ES6介绍 4
3系统分析 5
3.1可行性研究 5
技术可行性 5
经济可行性 6
管理可行性 6
3.2需求分析 6
4系统概要设计 7
4.1系统设计基本思想 7
4.2系统功能结构图及分析 8
4.3模块UML设计 8
功能模块用例图设计 8
功能模块时序图设计 10
功能模块活动图设计 14
*好棒文|www.hbsrm.com +Q: ^351916072^
/> 4.4数据库设计 16
数据库概念设计 16
数据库逻辑设计 17
数据库物理设计 17
5系统详细设计 20
5.1登陆模块设计 20
卖家登陆界面设计 20
卖家注册界面设计 20
5.2查看网站浏览页面设计 20
5.3商品分类设计 20
5.4商品管理设计 20
5.5订单管理设计 20
5.6推荐商品设计 20
6系统功能实现 21
6.1数据库的连接的实现 21
6.2登陆模块的实现 22
注册界面的实现 22
登陆界面 23
首页信息 26
6.3搜索商品 28
6.4个人信息管理 33
6.5查看网站浏览情况 37
6.5商品管理 40
6.6订单管理页面 43
6.7推荐管理页面 43
结论 45
参考文献 46
1前言
1.1概述
该系统是一款使用angular+php+mysql制作的在线眼镜商城，通过mysql存储用户数据、订单数据和商品数据，实现在线商城的数据管理，同时通过php进行数据库数据的读取，保证数据传递的稳定。开发该软件的目的主要是希望能够通过互联网这个时代宣传利器宣传我家乡的产品，同时也能够使得全国各地的人们能够以更加低廉的价格获得更好的眼镜产品。
1.2设计的目的和意义
随着互联网技术的发展，网上购物的普及已经彻底改变了人们的购物观念。网上在线配镜商店的出现使得越来越多的男性或女性，甚至小孩在家中就可舒适地选择处方眼镜。
网上商店已经将眼镜更加细分化。无论是为孩子或成人配制处方眼镜，都可以选择一个适合的个性的眼镜。不仅如此，还可以找到一款量身定制的眼镜，即处方眼镜。从镜片上说，有单光、双光、自由取面镜片；网上眼镜店还提供了多种选择的镜架，从镜架的框形上有无框、半框或全框；从制作材料上分成金属架，塑料架以及混合材料架等，当然金属架是一个大类，还可以再细分。这就是又一因素让越来越多的人趋向于在线配镜，网上眼镜店可以为提供更多的选择。
? 2开发工具和运行环境
2.1开发环境和技术
1.Vs介绍
VS是Microsoft Visual Studio的简称。Vs是由美国微软公司开发的一整套软件项目开发工具包，他包括了软件生命周期从项目立项开始的制图UML工具，项目进行中的代码管控工具、集成开发环境(IDE)等等，通过这些工具所书写的代码能够完美适用于由微软开发的所有平台。[4]
本次软件项目开发我所使用的软件开发环境就是VS中的VsCode，他能够完美适配由谷歌公司开发的angular前端架构，同时具有良好用户交互体验，能够满足用户几乎所有的需求，具有响应速度快，高效的团队合作等特点，能够非常好的辅助用户进行软件项目的开发。
2.PowerBuilder介绍
PowerBuilder美国Sybase公司研制的一种新型、快速开发工具，是客户机/服务器结构下，基于Windows3.x、Windows95和WindowsNT的一个集成化开发工具。它包含一个直观的图形界面和可扩展的面向对象的编程语言PowerScript，提供与当前流行的大型数据库的接口，并通过ODBC与单机数据库相连[6]。
3.mysql介绍
Mysql是目前市场上的主流数据库管理系统，通常应用于中小型项目中，它具有非常良好的开发环境，采用关系数据表存储方式，通过将不同的表使用各种主键连接，可以使用离散的方式存储用户数据，大大提高了数据读取的灵活性，尤其是它开放源码的特性，也使得它的维护变得相对来说比较简单，可以很好的搭配php和apache组成良好的开发环境。[15]
4.phpwamp介绍
PhpWamp是基于windows操作系统的一款完全绿色的php开发集成环境，相比较wamp开发集成环境，phpwamp结构更加的精简，速度也更加的快，同时还具有开发模式和运营模式两个运行模式，能够一键生成php后端所需要的软件开发环境，而且软件也具有非常高的兼容性，能够支持各种各样的插件功能，适应windows环境下的各类系统。[8]
2.2开发语言介绍
?Angular语言介绍
AngularJs是由google公司进行开发维护的，基于javaScript的前端框架，核心采用mvc架构进行软件开发，模块化、自动化双向数据绑定、语义化标签、依赖注入都是它的特性。在前端开发时，可以通过script标签添加到界面中。[9]
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/619.html
