国美手机网站开发
：国美（苏州观前街）手机网站是基于asp.net技术开发的一个B/S架构购物平台，前台使用HTML+CSS进行网页布局设计，后台使用SQL Server 2012来创建数据库，网站添加了JavaScript和jQuery特效。网站前台主要实现了网站产品的相关信息展示和用户的登录注册等功能。用户可以通过网站查看产品的相关信息，并在网站上注册账号来登录网站购买产品，还可以对购买的产品进行评论。网站后台主要实现管理员的登录注册和对产品、用户信息进行管理的功能。管理员可以通过后台登录来管理用户的信息，还可以查看管理产品的相关信息。本文对网站的实现过程进行了详细的说明。
目 录
一、引言 1
（一）开发背景 1
（二）选题内容 1
（三）应解决的主要问题 1
二、技术介绍 1
（一）开发技术 1
1.HTML5+CSS3 1
2.JavaScript 1
3.jQuery 2
（二）开发工具 2
1.开发平台 2
2.后台数据库管理系统软件 2
3.运行平台 2
三、系统需求分析 2
（一）系统功能需求 2
1.功能实现 3
2.网站前台管理 3
3.管理员管理 3
（二）模块图（ER图） 3
1.会员模块 3
2.管理员模块 3
四、数据库设计 4
（一）数据库需求分析 4
（二）数据库各表结构 4
1.留言表 4
2.会员表 5
3.产品表 5
4.管理员表 5
5.产品分类表 5
6.购物车表 6
五、系统的设计与实现 6
（一）前台页面的设计与实现 6
1.页面的框架设计 6
2.页面布局实现 7
3.前台页面展示 9
（二）后台的设计与模块实现 11
1.后台设计 11
2.用户注册模块 12
3.用户登录模块 13
*好棒文|www.hbsrm.com +Q: ^351916072^
4.管理员登录模块 14
5.后台产品查找模块 15
6.后台产品发布模块 16
六、总结 18
致谢 19
参考文献 20
一、引言
（一）开发背景
在这个信息技术高速发展的时代，人们的日常生活中越来越离不开网络，手机就成为人们使用网络的最佳选择。手机的功能有很多，人们可以使用手机通讯聊天、浏览信息、购买物品、玩游戏、看视频等。手机携带起来比笔记本电脑来的方便，因为手机比较轻便，所以可以放在衣服口袋里，也可以放进包里。现在的人使用手机的频率比使用电脑的频率还要高。使用手机几乎成为人们生活中的一部分。
（二）选题内容
本网站使用平面设计软件Photoshop实现页面设计，HTML+CSS实现网站页面的制作，C#、数据库和Visual Studio 2010布置后台，最终实现整个网站的搭建和运行，管理员从后台登录对网站内容进行编辑和发布，用户可以使用自己的账号和密码登录、网购、留言等。网站的内容主要介绍观前街国美电器手机产品的相关信息，让网络用户能通过网站更加方便的了解手机产品信息并购买手机。网站的功能主要包括：产品信息展示、发布与管理，用户注册、登录、产品订购、在线留言等。
（三）应解决的主要问题
网站的管理员可以通过后台登录来管理用户的信息，还可以查看管理产品的相关信息。网站的用户可以通过网站查看产品的相关信息，并在网站上注册账号来登录网站购买产品，还可以对购买的产品进行评论。
二、技术介绍
（一）开发技术
1.HTML5+CSS3
HTML是一种规范、一种标准，它通过标签符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标签符，可以告诉浏览器如何显示其中的内容（如显示文本信息、处理图像、播放动画，以及网页中显示的样式等）。
CSS即层叠样式表。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括盒子模块、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。
2.JavaScript
JavaScript是Netscape Communications公司开发的一种非常重要的编程语言，它即是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。JavaScript不需要进行编译，而是直接嵌入在HTML页面中，通过解释执行，把静态页面转变成支持用户交互并响应事件的动态页面，可实现网页的各种动态效果，如表单验证、菜单选择、执行计算、图片特效、文字编辑等。
3.jQuery
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile等开发人员以及推广和网站设计、维护人员。
（二）开发工具
1.开发平台
Sublime Text 3汉化中文版是Sublime Text2的升级版。Sublime Text 是一款流行的文本编辑器软件，有点类似于TextMate，跨平台，可运行在Linux，Windows和Mac OS X，支持32与64位操作系统，它在支持语法高亮、代码补全、代码片段（Snippet）、代码折叠、行号显示、自定义皮肤、配色方案等所有其它代码编辑器所拥有的功能的同时，又保证了其飞快的速度。也是许多程序员喜欢使用的一款文本编辑器软件。
Visual Studio是微软公司推出的开发环境，是目前最流行的Windows平台应用程序开发环境。Visual Studio 2010版本于2010年4月12日上市，其集成开发环境（IDE）的界面被重新设计和组织，变得更加简单明了。Visual Studio 2010同时带来了 NET Framework 4.0、Microsoft Visual Studio 2010 CTP( Community Technology PreviewCTP)，并且支持开发面向Windows 7的应用程序。除了Microsoft SQL Server，它还支持 IBM DB2和Oracle数据库。
目 录
一、引言 1
（一）开发背景 1
（二）选题内容 1
（三）应解决的主要问题 1
二、技术介绍 1
（一）开发技术 1
1.HTML5+CSS3 1
2.JavaScript 1
3.jQuery 2
（二）开发工具 2
1.开发平台 2
2.后台数据库管理系统软件 2
3.运行平台 2
三、系统需求分析 2
（一）系统功能需求 2
1.功能实现 3
2.网站前台管理 3
3.管理员管理 3
（二）模块图（ER图） 3
1.会员模块 3
2.管理员模块 3
四、数据库设计 4
（一）数据库需求分析 4
（二）数据库各表结构 4
1.留言表 4
2.会员表 5
3.产品表 5
4.管理员表 5
5.产品分类表 5
6.购物车表 6
五、系统的设计与实现 6
（一）前台页面的设计与实现 6
1.页面的框架设计 6
2.页面布局实现 7
3.前台页面展示 9
（二）后台的设计与模块实现 11
1.后台设计 11
2.用户注册模块 12
3.用户登录模块 13
*好棒文|www.hbsrm.com +Q: ^351916072^
4.管理员登录模块 14
5.后台产品查找模块 15
6.后台产品发布模块 16
六、总结 18
致谢 19
参考文献 20
一、引言
（一）开发背景
在这个信息技术高速发展的时代，人们的日常生活中越来越离不开网络，手机就成为人们使用网络的最佳选择。手机的功能有很多，人们可以使用手机通讯聊天、浏览信息、购买物品、玩游戏、看视频等。手机携带起来比笔记本电脑来的方便，因为手机比较轻便，所以可以放在衣服口袋里，也可以放进包里。现在的人使用手机的频率比使用电脑的频率还要高。使用手机几乎成为人们生活中的一部分。
（二）选题内容
本网站使用平面设计软件Photoshop实现页面设计，HTML+CSS实现网站页面的制作，C#、数据库和Visual Studio 2010布置后台，最终实现整个网站的搭建和运行，管理员从后台登录对网站内容进行编辑和发布，用户可以使用自己的账号和密码登录、网购、留言等。网站的内容主要介绍观前街国美电器手机产品的相关信息，让网络用户能通过网站更加方便的了解手机产品信息并购买手机。网站的功能主要包括：产品信息展示、发布与管理，用户注册、登录、产品订购、在线留言等。
（三）应解决的主要问题
网站的管理员可以通过后台登录来管理用户的信息，还可以查看管理产品的相关信息。网站的用户可以通过网站查看产品的相关信息，并在网站上注册账号来登录网站购买产品，还可以对购买的产品进行评论。
二、技术介绍
（一）开发技术
1.HTML5+CSS3
HTML是一种规范、一种标准，它通过标签符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标签符，可以告诉浏览器如何显示其中的内容（如显示文本信息、处理图像、播放动画，以及网页中显示的样式等）。
CSS即层叠样式表。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括盒子模块、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。
2.JavaScript
JavaScript是Netscape Communications公司开发的一种非常重要的编程语言，它即是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。JavaScript不需要进行编译，而是直接嵌入在HTML页面中，通过解释执行，把静态页面转变成支持用户交互并响应事件的动态页面，可实现网页的各种动态效果，如表单验证、菜单选择、执行计算、图片特效、文字编辑等。
3.jQuery
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile等开发人员以及推广和网站设计、维护人员。
（二）开发工具
1.开发平台
Sublime Text 3汉化中文版是Sublime Text2的升级版。Sublime Text 是一款流行的文本编辑器软件，有点类似于TextMate，跨平台，可运行在Linux，Windows和Mac OS X，支持32与64位操作系统，它在支持语法高亮、代码补全、代码片段（Snippet）、代码折叠、行号显示、自定义皮肤、配色方案等所有其它代码编辑器所拥有的功能的同时，又保证了其飞快的速度。也是许多程序员喜欢使用的一款文本编辑器软件。
Visual Studio是微软公司推出的开发环境，是目前最流行的Windows平台应用程序开发环境。Visual Studio 2010版本于2010年4月12日上市，其集成开发环境（IDE）的界面被重新设计和组织，变得更加简单明了。Visual Studio 2010同时带来了 NET Framework 4.0、Microsoft Visual Studio 2010 CTP( Community Technology PreviewCTP)，并且支持开发面向Windows 7的应用程序。除了Microsoft SQL Server，它还支持 IBM DB2和Oracle数据库。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/753.html
