美丽妆网站的设计与制作
现在互联网技术在高速的发展，在生活中多少都会直接或者间接接触到互联网。本课题主要是设计与制作了一个关于护肤，护理等相关化妆品的购物网站。本课题网站的设计主要应用了WEB程序应用开发、HTML+CSS的布局、SQL2008等计算机应用技术来实现。本网站分为两大功能区，前台管理和后台管理，前台就是用来浏览，搜索产品和购买产品，后台管理主要分为后台登陆、商品的添加、订单的操作等。本网站要服务的客户对象是大多数的家庭，为消费者提供一个方便快捷的平台，争取在中低档化妆品市场中站稳脚跟。
目 录
一、引言 7
（一）开发背景 7
（二）网站的意义 7
二、 网站开发工具的选择 7
（一）整体介绍 7
（二）开发工具简介 7
三、网站主体框架设计 7
（一）功能结构图 7
（二）网站LOGO设计 8
（三）网页布局设计 8
1. 一级二级页面 8
2. 三级页面 9
四、数据库设计 10
（一）数据库表概述 10
（二）数据库表结构 10
1. 用户表 10
2. 商品表 11
3. 商品分类表 11
4. 购物车表 11
5. 订单表 12
6. 订单详细表 12
7. 联系地址表 12
8. 建议表 13
9. 管理员表 13
（三） 数据库表功能 13
1. 增加数据记录 13
2. 删除数据记录 13
3. 查询数据记录 13
4. 更新数据记录 13
五、网站功能实现 14
（一）前台页面实现 14
1. 首页 14
2. 香水页面 16
3. 护肤页面 18
4. 护理页面 21
5. 购物车 22
6. 产品列表 25
7. 登录 26
8. 注册 28
9. 修改资料页面 29
10. 生
*好棒文|www.hbsrm.com +Q: ^351916072*
成订单页面 30
（二） 后台页面实现 30
1. 后台管理员登录 30
2. 订单管理 31
3. 产品发布 32
六、前端特效实现 33
（一）图片和文字及色彩的轮换 33
（二）注册页面的提示信息 34
七、总结 34
八、致谢 35
九、参考文献 36
一、引言
（一）开发背景
“护肤品”这个词语每个人都不陌生，护肤品在日常生活中每天都会用到。 众所周知中国是个人口很多的国家，所以护肤品的市场很大。而且现在随着人们意识的转变，化妆品已不再是女性的专属品，孩童，大学生，老年人，男性等对象对护肤品的需求日益增加。目前市场上用户对护肤品也有了更多的追求，不单限制在每天的日常护肤上面，更多的还有护理，保养，所以现在市面上的化妆品品种繁多，销售量也极大。
（二）网站的意义
本课题的设计与制作，主要是对于广大的消费者可以有一个快捷易操作的平台，可以浏览所需要的产品，了解产品的属性，提供消费者相关产品的链接，同时还能购买和评价产品。
本网站要服务的客户对象是所有的消费者，为用户提供一个方便快捷的平台，争取在中低档化妆品市场中站稳脚跟。
网站开发工具的选择
（一）整体介绍
网站开发整体介绍：SublimeText、Microsoft Visual Studio 2010、Photoshop、JQuery、SQL Server2008。运用SublimeText进行框架的搭建，运用Microsoft Visual Studio 2010主要是对数据库的应用，连接数据库，访问数据库。运用Javascript特效主要是使网站更加的客观。
（二）开发工具简介
SublimeText简介：相当于HTML+CSS的代码编辑器，它的用户界面很漂亮，功能也很强大，用来进行本网站的框架搭建。
Microsoft Visual Studio 2010简介：这是本网站的开发环境。在该开发环境下，使用改进后的编辑语言，可高效完成项目。
Photoshop简介：该软件可以编辑图像，可以对图像的色彩进行调试，图像的对比度，清晰度，图片的透明度，都可以通过该软件进行处理。
JQuery简介：是Javascript的框架，以一种简洁快速的方式。该程序可以做更多的事，用更少的代码。
SQL Server2008简介：对数据进行管理，是由微软公司推出的，通过特定的环境可以对数据库进行访问。
三、网站主体框架设计
（一）功能结构图
本网站前台管理主要包括首页、香水、护肤、护理、购物车、商品列表、我的订单、用户资料修改、登录、注册、商品评价、用户留言、添加地址等页面。后台管理主要包括，管理员登录、发布商品，发货等功能，个别页面有相应的子页面，运用了大量的图文。如图31所示
图31网站架构图
（二）网站LOGO设计
本网站LOGO设计，首先就是本网站的名字“美丽妆”，整体的设计的斜体，给人一种灵性的感觉。下面是汉字拼写，主要想表达的意思是美肤、保养。本网站的LOGO设计的主题颜色是黑色，黑色主题，这样给人一种稳重，可信赖的感觉，更贴近本本网站的主题，最主要的是，更符合现在人对于产品质量注重的观念。如图32所示
图32 logo图
（三）网页布局设计
1. 一级二级页面
网站的首页、护肤、护理等页面。如图33所示。
用户你好 注册 登录
LOGO
搜索框
菜单导航
产品展示
下方导航
版权信息
图33 一级页面图
2. 三级页面
网站的产品的详细浏览页面，如图34所示。
用户你好 注册 登录
目 录
一、引言 7
（一）开发背景 7
（二）网站的意义 7
二、 网站开发工具的选择 7
（一）整体介绍 7
（二）开发工具简介 7
三、网站主体框架设计 7
（一）功能结构图 7
（二）网站LOGO设计 8
（三）网页布局设计 8
1. 一级二级页面 8
2. 三级页面 9
四、数据库设计 10
（一）数据库表概述 10
（二）数据库表结构 10
1. 用户表 10
2. 商品表 11
3. 商品分类表 11
4. 购物车表 11
5. 订单表 12
6. 订单详细表 12
7. 联系地址表 12
8. 建议表 13
9. 管理员表 13
（三） 数据库表功能 13
1. 增加数据记录 13
2. 删除数据记录 13
3. 查询数据记录 13
4. 更新数据记录 13
五、网站功能实现 14
（一）前台页面实现 14
1. 首页 14
2. 香水页面 16
3. 护肤页面 18
4. 护理页面 21
5. 购物车 22
6. 产品列表 25
7. 登录 26
8. 注册 28
9. 修改资料页面 29
10. 生
*好棒文|www.hbsrm.com +Q: ^351916072*
成订单页面 30
（二） 后台页面实现 30
1. 后台管理员登录 30
2. 订单管理 31
3. 产品发布 32
六、前端特效实现 33
（一）图片和文字及色彩的轮换 33
（二）注册页面的提示信息 34
七、总结 34
八、致谢 35
九、参考文献 36
一、引言
（一）开发背景
“护肤品”这个词语每个人都不陌生，护肤品在日常生活中每天都会用到。 众所周知中国是个人口很多的国家，所以护肤品的市场很大。而且现在随着人们意识的转变，化妆品已不再是女性的专属品，孩童，大学生，老年人，男性等对象对护肤品的需求日益增加。目前市场上用户对护肤品也有了更多的追求，不单限制在每天的日常护肤上面，更多的还有护理，保养，所以现在市面上的化妆品品种繁多，销售量也极大。
（二）网站的意义
本课题的设计与制作，主要是对于广大的消费者可以有一个快捷易操作的平台，可以浏览所需要的产品，了解产品的属性，提供消费者相关产品的链接，同时还能购买和评价产品。
本网站要服务的客户对象是所有的消费者，为用户提供一个方便快捷的平台，争取在中低档化妆品市场中站稳脚跟。
网站开发工具的选择
（一）整体介绍
网站开发整体介绍：SublimeText、Microsoft Visual Studio 2010、Photoshop、JQuery、SQL Server2008。运用SublimeText进行框架的搭建，运用Microsoft Visual Studio 2010主要是对数据库的应用，连接数据库，访问数据库。运用Javascript特效主要是使网站更加的客观。
（二）开发工具简介
SublimeText简介：相当于HTML+CSS的代码编辑器，它的用户界面很漂亮，功能也很强大，用来进行本网站的框架搭建。
Microsoft Visual Studio 2010简介：这是本网站的开发环境。在该开发环境下，使用改进后的编辑语言，可高效完成项目。
Photoshop简介：该软件可以编辑图像，可以对图像的色彩进行调试，图像的对比度，清晰度，图片的透明度，都可以通过该软件进行处理。
JQuery简介：是Javascript的框架，以一种简洁快速的方式。该程序可以做更多的事，用更少的代码。
SQL Server2008简介：对数据进行管理，是由微软公司推出的，通过特定的环境可以对数据库进行访问。
三、网站主体框架设计
（一）功能结构图
本网站前台管理主要包括首页、香水、护肤、护理、购物车、商品列表、我的订单、用户资料修改、登录、注册、商品评价、用户留言、添加地址等页面。后台管理主要包括，管理员登录、发布商品，发货等功能，个别页面有相应的子页面，运用了大量的图文。如图31所示
图31网站架构图
（二）网站LOGO设计
本网站LOGO设计，首先就是本网站的名字“美丽妆”，整体的设计的斜体，给人一种灵性的感觉。下面是汉字拼写，主要想表达的意思是美肤、保养。本网站的LOGO设计的主题颜色是黑色，黑色主题，这样给人一种稳重，可信赖的感觉，更贴近本本网站的主题，最主要的是，更符合现在人对于产品质量注重的观念。如图32所示
图32 logo图
（三）网页布局设计
1. 一级二级页面
网站的首页、护肤、护理等页面。如图33所示。
用户你好 注册 登录
LOGO
搜索框
菜单导航
产品展示
下方导航
版权信息
图33 一级页面图
2. 三级页面
网站的产品的详细浏览页面，如图34所示。
用户你好 注册 登录
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/718.html
