值得买”网站开发
Keywords: it is worth to buy a website; Leancloud；jQuery；Html5. 目录
一、引言 1
（一）开发背景 1
（二）选题内容 1
1．选题背景 1
2．课题的总体介绍 1
3．网站工作内容 1
4．能力要求及目标 1
二、开发工具、技术简介及运行环境 2
（一）开发工具简介 2
1．LeanCloud介绍 2
2．Hubilder简介? 2
（二）??开发技术简介? 2
1．jQuery技术介绍 2
2．CSS技术介绍 3
3．Html5简介 3
三、网站需求分析 3
（一）网站功能需求 3
（二）网站设计思路 3
（三）开发环境 4
1．软件环境 4
2．硬件环境 4
四、网站功能设计 4
（一）网站流程设计图 4
（二）网站框架设计图 5
（三）用户模块设计图 6
五、网站详细设计 6
（一）数据需求分析 6
（二）数据各表结构 6
（三）网站实现 9
1．首页设计 9
2．注册登录页面设计 10
3．最新发现页面设计 14
4．热门原创页面设计 17
5．爆料投稿页面设计 19
六、总结 24
谢辞 25
参考文献 26
一、引言
（一）开发背景
当今互联网世界发展日新月异，电商平台不断演进，电子商务的蓬勃发展。越来越多的人选择在网上购买商品，但网上的商品种类繁多，让人们购买商品一时拿不定主意。值得买网站的开发就是让顾客不再因为难以选择而苦恼，顾客可以在网站里找到适合自己购买的值得买的商品。如果顾客想直接购买，可以直接点击直达链接到购物网站进行购买，从而大大缩短了顾客在购买商品所花费的时间。
（二）选题内容
1、选题背景
界发展日新月异，电商平台不断演进，电子商务的蓬勃发展。越来越多的人选择在网上购买商品，但网上的商品种类繁多，让人们购买商品一时拿不定主意。值得买网站的开发就是让顾客不再因为难以选择而苦恼，顾客可以在网站里找到适合自己购买的值得买的商品。如果顾客想直接购买，可以直接点击直达链接到购物网站进行购买，从而大大缩短了顾客在购买商品所花费的时间。
（二）选题内容
1、选题背景
本课题做一个服务于网上购物人群；能够帮助于网上购物人群准确的找到自己想买的商品；让客户买到经济又实惠的商品。在快节奏生活下，人们往往错过很多自己想买却没来得及买到的商品，还有价格不一的商品让客户一时无从选择。所以值得买网站为客户推荐最经济实惠的商品；让客户不在为价格不一而烦恼；另外值得买网站还为客户推荐值得买的商品，让客户不再为错过想买的商品而懊恼。。
2、课题的总体介绍
值得买网站收集网上在售商品信息，进行系统分析比较，然后为用户推荐值得买的商品并为用户呈现详细的商品。网站还为用户提供商品标签功能，能让用户能轻松找到自己想买商品类的商品；网站的最新发现模块分享购物的最新商品资讯；网站还提供会员注册登录功能方便用户使用。每一个是值得买网站推荐的商品，用户可以在商品信息下进行评价并展示出来。
3．网站工作内容
网站主要有以下功能。
最新发现：聚集了海量信息，承载了新鲜、好玩、有趣的产品，不仅买的实惠，还能发现生活的美好。
热门原创：为用户提供一个购物心得分享栏目，用户可以把自己的购物经历心得体会放在栏目里给其他用户提供参考。
爆料投稿：用户可以向我们投稿值得买的商品，投稿的商品将会在首页展示出来给其他用户参考。
注册登录：为了方便游客进一步的体验值得买网站的更多功能，注册之后登录可以投稿值得买网站。
4．能力要求及目标
综合运用网站设计与网页制作、HTML+CSS、AJAX&jQuery等网页前端开发技术，与JavaScript语言、数据库等网站服务端开发技术。
二、开发工具、技术简介及运行环境
（一）开发工具简介
1．Leancloud介绍
LeanCloud 是国内领先的针对移动应用的一站式云端服务，BaaS领域的先行者，专注于为应用开发者提供一流的工具和平台。不同于传统关系型数据库，向云端存储数据无需提前建表，数据对象以JSON格式随存随取，高并发访问轻松无压力，数据容量无限扩展；开放的REST API，全平台支持数据增删改查操作。整个数据存储系统，有严格的访问控制协议（ACL），确保数据万无一失。同时，这也是一个开放的平台，允许你随时导出数据或者迁出到其他系统。
2．Hubilder?简介?
HBuilder是我认为当前最好的web开发工具。它能大幅提升开发效率，对程序员也设计了更人文关怀的UI，它包括最全面的语法库和浏览器兼容性数据。HBuilder是面向追求效率的极客开发者的，比如HBuilder强调的手不离键盘、飞一样编码。与之相对应的另一面代表是dreamweaver，dreamweaver拥有可视化拖拉拽布局页面的设计器，更多的是面向设计师或初学者。?
Hubilder的优势：
最快的开发工具，五大助手大幅提升编码效率
绿柔主题，保护健康
最全的语法库
最全的浏览器兼容性数据
HBuilder有4种编程语言，Java、Web、C、Ruby。里面用到了Eclipse，这让我们省了不少事，可以把精力用到更多创新的功能上。HBuilder的启动速度是3秒，如果全是基于Java的Eclipse，是不可能做到的。并且每种编程语言之间都有桥来保障底层接口的通畅度，不会造成混乱。
（二）??开发技术简介?
1．jQuery技术介绍
jQuery是一个JavaScript 库。jQuery 极大地简化了JavaScript 编程。jQuery 很容易学习。jQuery一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。jQuery另一个比较大的优势是，提供API让开发者编写插件，其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
2．CSS技术介绍
CSS即层叠样式表是一种用来表现HTML（标准通用标
一、引言 1
（一）开发背景 1
（二）选题内容 1
1．选题背景 1
2．课题的总体介绍 1
3．网站工作内容 1
4．能力要求及目标 1
二、开发工具、技术简介及运行环境 2
（一）开发工具简介 2
1．LeanCloud介绍 2
2．Hubilder简介? 2
（二）??开发技术简介? 2
1．jQuery技术介绍 2
2．CSS技术介绍 3
3．Html5简介 3
三、网站需求分析 3
（一）网站功能需求 3
（二）网站设计思路 3
（三）开发环境 4
1．软件环境 4
2．硬件环境 4
四、网站功能设计 4
（一）网站流程设计图 4
（二）网站框架设计图 5
（三）用户模块设计图 6
五、网站详细设计 6
（一）数据需求分析 6
（二）数据各表结构 6
（三）网站实现 9
1．首页设计 9
2．注册登录页面设计 10
3．最新发现页面设计 14
4．热门原创页面设计 17
5．爆料投稿页面设计 19
六、总结 24
谢辞 25
参考文献 26
一、引言
（一）开发背景
当今互联网世界发展日新月异，电商平台不断演进，电子商务的蓬勃发展。越来越多的人选择在网上购买商品，但网上的商品种类繁多，让人们购买商品一时拿不定主意。值得买网站的开发就是让顾客不再因为难以选择而苦恼，顾客可以在网站里找到适合自己购买的值得买的商品。如果顾客想直接购买，可以直接点击直达链接到购物网站进行购买，从而大大缩短了顾客在购买商品所花费的时间。
（二）选题内容
1、选题背景
界发展日新月异，电商平台不断演进，电子商务的蓬勃发展。越来越多的人选择在网上购买商品，但网上的商品种类繁多，让人们购买商品一时拿不定主意。值得买网站的开发就是让顾客不再因为难以选择而苦恼，顾客可以在网站里找到适合自己购买的值得买的商品。如果顾客想直接购买，可以直接点击直达链接到购物网站进行购买，从而大大缩短了顾客在购买商品所花费的时间。
（二）选题内容
1、选题背景
本课题做一个服务于网上购物人群；能够帮助于网上购物人群准确的找到自己想买的商品；让客户买到经济又实惠的商品。在快节奏生活下，人们往往错过很多自己想买却没来得及买到的商品，还有价格不一的商品让客户一时无从选择。所以值得买网站为客户推荐最经济实惠的商品；让客户不在为价格不一而烦恼；另外值得买网站还为客户推荐值得买的商品，让客户不再为错过想买的商品而懊恼。。
2、课题的总体介绍
值得买网站收集网上在售商品信息，进行系统分析比较，然后为用户推荐值得买的商品并为用户呈现详细的商品。网站还为用户提供商品标签功能，能让用户能轻松找到自己想买商品类的商品；网站的最新发现模块分享购物的最新商品资讯；网站还提供会员注册登录功能方便用户使用。每一个是值得买网站推荐的商品，用户可以在商品信息下进行评价并展示出来。
3．网站工作内容
网站主要有以下功能。
最新发现：聚集了海量信息，承载了新鲜、好玩、有趣的产品，不仅买的实惠，还能发现生活的美好。
热门原创：为用户提供一个购物心得分享栏目，用户可以把自己的购物经历心得体会放在栏目里给其他用户提供参考。
爆料投稿：用户可以向我们投稿值得买的商品，投稿的商品将会在首页展示出来给其他用户参考。
注册登录：为了方便游客进一步的体验值得买网站的更多功能，注册之后登录可以投稿值得买网站。
4．能力要求及目标
综合运用网站设计与网页制作、HTML+CSS、AJAX&jQuery等网页前端开发技术，与JavaScript语言、数据库等网站服务端开发技术。
二、开发工具、技术简介及运行环境
（一）开发工具简介
1．Leancloud介绍
LeanCloud 是国内领先的针对移动应用的一站式云端服务，BaaS领域的先行者，专注于为应用开发者提供一流的工具和平台。不同于传统关系型数据库，向云端存储数据无需提前建表，数据对象以JSON格式随存随取，高并发访问轻松无压力，数据容量无限扩展；开放的REST API，全平台支持数据增删改查操作。整个数据存储系统，有严格的访问控制协议（ACL），确保数据万无一失。同时，这也是一个开放的平台，允许你随时导出数据或者迁出到其他系统。
2．Hubilder?简介?
HBuilder是我认为当前最好的web开发工具。它能大幅提升开发效率，对程序员也设计了更人文关怀的UI，它包括最全面的语法库和浏览器兼容性数据。HBuilder是面向追求效率的极客开发者的，比如HBuilder强调的手不离键盘、飞一样编码。与之相对应的另一面代表是dreamweaver，dreamweaver拥有可视化拖拉拽布局页面的设计器，更多的是面向设计师或初学者。?
Hubilder的优势：
最快的开发工具，五大助手大幅提升编码效率
绿柔主题，保护健康
最全的语法库
最全的浏览器兼容性数据
HBuilder有4种编程语言，Java、Web、C、Ruby。里面用到了Eclipse，这让我们省了不少事，可以把精力用到更多创新的功能上。HBuilder的启动速度是3秒，如果全是基于Java的Eclipse，是不可能做到的。并且每种编程语言之间都有桥来保障底层接口的通畅度，不会造成混乱。
（二）??开发技术简介?
1．jQuery技术介绍
jQuery是一个JavaScript 库。jQuery 极大地简化了JavaScript 编程。jQuery 很容易学习。jQuery一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。jQuery另一个比较大的优势是，提供API让开发者编写插件，其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
2．CSS技术介绍
CSS即层叠样式表是一种用来表现HTML（标准通用标
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2562.html
