诺诺书店网站设计与制作
【】本课题的目标是完成对“诺诺书店”网站的设计与制作，“诺诺书店”是一家致力于书籍推荐介绍与销售的网络书店。本课题设计与制作的网站主要用以宣传诺诺书店，网站前台页面包括：首页、公告信息，留言信息、个人中心、用户登录等功能；网站后台系统则包含产品数据操作、留言数据操作、公告数据操作、用户数据操作等功能。诺诺书店的设计制作主要运用了HTML页面编写技术和CSS样式技术编写网页，特效方面则使用JQuery用以增添网站的趣味性来吸引客户，数据库则使用MySQL来管理网站中信息数据并且可以具现化的显示网站后台的数据，同时也运用JSP动态技术让页面显示更完美。
目 录
一、 引言 4
二、 网站技术与工具介绍 5
（一） 开发技术介绍 5
1. JSP动态网站开发技术 5
2. jQuery技术 6
3. MVC 编程模式 6
（二） 主要开发工具的选用与介绍 6
1. MyEclipse 6
2. Tomcat 6
3. 数据库管理系统 6
三、 网站总体设计 7
（一） 前台主要页面 7
（二） 后台功能介绍 8
（三） 数据库介绍 9
1. 数据表设计 9
2. 数据表结构 9
四、 网站前端页面的设计与实现 12
（一） 主要功能模块的设计 12
1. 首页的设计 12
2. “公告信息”页面的设计 13
3. “留言信息”页面的设计 13
4. “个人中心”页面的设计 13
（二） 部分网页特效 14
1. 首页大屏广告特效 14
五、 网站后台管理端的设计与实现 15
（一） 网站后台管理系统设计 15
1. 后台首页页面实现 15
2. 用户管理 16
3. 公告管理 20
4. 留言管理 22
5. 书籍管理 25
6. 订单管理 27
六、 总结 30
七、 致谢 31
*好棒文|www.hbsrm.com +Q: ^351916072^
/> 八、 参考文献 32
引言
当今社会中，书籍呈现给人们的形式已经不仅仅是纸质书籍，还有电子形式等等。随着当前互联网技术的飞速发展，出现了风格迥异各种主题的网站，书店只是其中的一种主题。以书店为主题的网站提供了书籍介绍、种类、购买等，更重要的是展示了书店的独特风采。
虽然书店主题的网站有很多，但是却都有自己独特的一面。相对于其他风格的网站，诺诺书店网站就是为了方便喜爱阅读的人们快速选择自己喜爱的书籍类型而设计的，网站免费的向广大用户提供众多书籍而且分类较为详细。而且本作品在设计中还提供了一个便于用户交流的平台。
在书籍中，人们可以获取更多的知识，生活常识、学习的知识、人世间的百态等等，书籍既可以传播思想，普及文化，所以书籍对于人类来说，是一种精神寄托和情感抒发的载体。更重要的是，它见证了千百年时代的变化进步的，并且用自己独一无二的方式记录下历史、经典。在时代的飞速运转中，扮演着很重要的角色。
网上书店的发展是顺应时代的发展，虽然现在实体书店处处可见，但是网上书店的前景还是很好，拥有很多优势：一是降低了实体书店的成本，减少了一些不必要的开销；二是跨越了时间和空间，扩大了客源，大大的提高了工作效率。使得客户可以通过网络获得相关信息并且订购。
如果商品质量优秀，商家信誉良好，将会有更大的市场发展空间。网上书店很大程度上方便了读者的阅读，并且可以让用户快速方便的找到自己心仪的书籍。网上书店的用户、订单、留言、商品都是通过数据库进行增删查改的进而更新数据。数据库由数据堆积而成，每一个数据表格都是独自建立的，用于储存诺诺书店的书籍数据。所以数据库以及数据库的数据很重要，是诺诺书店核心的模块。
诺诺书店网站所实现的效果就是在浏览器中输入书店网址，然后浏览书籍，可以添加到购物车，完成订单。并且管理员可以从后台查看用户信息和订单信息，对诺诺书店的数据进行更好的管理。这样不仅方便用户购买书籍，也方便商家管理书籍。
开发网站所使用的技术与工具的简单说明
采用的开发网站技术
动网JSP编程技术
这是一种开发语言，最大亮点就是可以将生成的内容与显示内容分开。在Serverlet和JavaBean的允许的情况下，可以完成很多强大的功能。其实质上就是很简单的Servlet设计，与ASP技术类似但并不相同，在编写程序时是在html文件中插入JAVA程序，而新生成的文件以.jsp为后缀名，其同时也是一种跨平台的开发技术。
JQuery技术
这个技术是简单而高效方便的JavaScript框架，借助简单明了的语法和自身跨越平台的兼容性，将开发使用人员顺序查看文档、操作和处理事件的操作简便化了。
MVC 框架模式
本框架模式的优势在于，其是将所有的逻辑都放在一起的，如果需要改进和优化的时候，是不需要重新编写的。Model是模型，指的是最核心的部分；View是视图，指的是显示数据；Controller是控制器，指的是处理操作输入。使用MVC则是为了分开实现代码，然后可以呈现不同的表现形式。
（二）采用的主要开发工具的简单说明
Adobe?Photoshop
本软件主要用于图片的创建、编辑和美化，由于其功能齐全而倍受欢迎。Photoshop主要用于处理诺诺书店网站页面显示的图片，将图片进行修改，或者改变大小，使得图片成为适合诺诺书店的图片。
MyEclipse
这个软件从本质的角度讲，是在Eclipse的基础上加入新的插件而形成的一种开发环境，可以执行代码的编写配置、测试以及解决错误。具有应用程序服务器的优势，也支持很多的开源软件。同时也是可以实现HTML、JSP、CSS、Javascript、SQL的代码的。其中workspace目录中内容安放准确有规律，所以MyEclipse功能十分强大，也支持广泛，用于网站后台的框架搭建以及Java后台编写代码实现网站功能。使用时也较为方便简单。
Tomcat服务器
这是一个Web 应用服务器，开放源代码并且不收取任何费用的。因为性能稳定、技术前卫，自然而然就成为当前较为风靡的服务器。一方面，Tomcat也具有操作运行HTML所编写的页面的功能，在环境配置正确的情况下，Tomcat 实际上只需要运行JSP 页面、Servlet的。Tomcat的默认模式就是独自建立的Servlet容器。Tomcat 6 服务器启动只需一秒钟，迅速便利。
数据库管理系统
数据库使用的是Navicat 和WampServer相结合。不只是数字，它还可以将图像和音乐直接储存到数据库,可以控制管理数据无论数据在哪；可以满足您的所有数据需求，可以对数据进行增删查改、同步、报告和分析之类的操作。
网站总体设计
诺诺书店网站前台与后台两大模块，前台面向用户，后台则是由管理员使用和负责的。后台管理模块主要负责书店数据的管理，而前台页面模块则是主要负责店铺信息的呈现。
前台主要页面
诺诺书店网站的前台页面就是发布商家信息和产品信息等，为用户提供最新产品信息、商家公告。诺诺书店整体包括五大页面：书店首页、公告信息、留言信息、个人中心、用户登录。诺诺书店网站页面介绍表如下所示：
目 录
一、 引言 4
二、 网站技术与工具介绍 5
（一） 开发技术介绍 5
1. JSP动态网站开发技术 5
2. jQuery技术 6
3. MVC 编程模式 6
（二） 主要开发工具的选用与介绍 6
1. MyEclipse 6
2. Tomcat 6
3. 数据库管理系统 6
三、 网站总体设计 7
（一） 前台主要页面 7
（二） 后台功能介绍 8
（三） 数据库介绍 9
1. 数据表设计 9
2. 数据表结构 9
四、 网站前端页面的设计与实现 12
（一） 主要功能模块的设计 12
1. 首页的设计 12
2. “公告信息”页面的设计 13
3. “留言信息”页面的设计 13
4. “个人中心”页面的设计 13
（二） 部分网页特效 14
1. 首页大屏广告特效 14
五、 网站后台管理端的设计与实现 15
（一） 网站后台管理系统设计 15
1. 后台首页页面实现 15
2. 用户管理 16
3. 公告管理 20
4. 留言管理 22
5. 书籍管理 25
6. 订单管理 27
六、 总结 30
七、 致谢 31
*好棒文|www.hbsrm.com +Q: ^351916072^
/> 八、 参考文献 32
引言
当今社会中，书籍呈现给人们的形式已经不仅仅是纸质书籍，还有电子形式等等。随着当前互联网技术的飞速发展，出现了风格迥异各种主题的网站，书店只是其中的一种主题。以书店为主题的网站提供了书籍介绍、种类、购买等，更重要的是展示了书店的独特风采。
虽然书店主题的网站有很多，但是却都有自己独特的一面。相对于其他风格的网站，诺诺书店网站就是为了方便喜爱阅读的人们快速选择自己喜爱的书籍类型而设计的，网站免费的向广大用户提供众多书籍而且分类较为详细。而且本作品在设计中还提供了一个便于用户交流的平台。
在书籍中，人们可以获取更多的知识，生活常识、学习的知识、人世间的百态等等，书籍既可以传播思想，普及文化，所以书籍对于人类来说，是一种精神寄托和情感抒发的载体。更重要的是，它见证了千百年时代的变化进步的，并且用自己独一无二的方式记录下历史、经典。在时代的飞速运转中，扮演着很重要的角色。
网上书店的发展是顺应时代的发展，虽然现在实体书店处处可见，但是网上书店的前景还是很好，拥有很多优势：一是降低了实体书店的成本，减少了一些不必要的开销；二是跨越了时间和空间，扩大了客源，大大的提高了工作效率。使得客户可以通过网络获得相关信息并且订购。
如果商品质量优秀，商家信誉良好，将会有更大的市场发展空间。网上书店很大程度上方便了读者的阅读，并且可以让用户快速方便的找到自己心仪的书籍。网上书店的用户、订单、留言、商品都是通过数据库进行增删查改的进而更新数据。数据库由数据堆积而成，每一个数据表格都是独自建立的，用于储存诺诺书店的书籍数据。所以数据库以及数据库的数据很重要，是诺诺书店核心的模块。
诺诺书店网站所实现的效果就是在浏览器中输入书店网址，然后浏览书籍，可以添加到购物车，完成订单。并且管理员可以从后台查看用户信息和订单信息，对诺诺书店的数据进行更好的管理。这样不仅方便用户购买书籍，也方便商家管理书籍。
开发网站所使用的技术与工具的简单说明
采用的开发网站技术
动网JSP编程技术
这是一种开发语言，最大亮点就是可以将生成的内容与显示内容分开。在Serverlet和JavaBean的允许的情况下，可以完成很多强大的功能。其实质上就是很简单的Servlet设计，与ASP技术类似但并不相同，在编写程序时是在html文件中插入JAVA程序，而新生成的文件以.jsp为后缀名，其同时也是一种跨平台的开发技术。
JQuery技术
这个技术是简单而高效方便的JavaScript框架，借助简单明了的语法和自身跨越平台的兼容性，将开发使用人员顺序查看文档、操作和处理事件的操作简便化了。
MVC 框架模式
本框架模式的优势在于，其是将所有的逻辑都放在一起的，如果需要改进和优化的时候，是不需要重新编写的。Model是模型，指的是最核心的部分；View是视图，指的是显示数据；Controller是控制器，指的是处理操作输入。使用MVC则是为了分开实现代码，然后可以呈现不同的表现形式。
（二）采用的主要开发工具的简单说明
Adobe?Photoshop
本软件主要用于图片的创建、编辑和美化，由于其功能齐全而倍受欢迎。Photoshop主要用于处理诺诺书店网站页面显示的图片，将图片进行修改，或者改变大小，使得图片成为适合诺诺书店的图片。
MyEclipse
这个软件从本质的角度讲，是在Eclipse的基础上加入新的插件而形成的一种开发环境，可以执行代码的编写配置、测试以及解决错误。具有应用程序服务器的优势，也支持很多的开源软件。同时也是可以实现HTML、JSP、CSS、Javascript、SQL的代码的。其中workspace目录中内容安放准确有规律，所以MyEclipse功能十分强大，也支持广泛，用于网站后台的框架搭建以及Java后台编写代码实现网站功能。使用时也较为方便简单。
Tomcat服务器
这是一个Web 应用服务器，开放源代码并且不收取任何费用的。因为性能稳定、技术前卫，自然而然就成为当前较为风靡的服务器。一方面，Tomcat也具有操作运行HTML所编写的页面的功能，在环境配置正确的情况下，Tomcat 实际上只需要运行JSP 页面、Servlet的。Tomcat的默认模式就是独自建立的Servlet容器。Tomcat 6 服务器启动只需一秒钟，迅速便利。
数据库管理系统
数据库使用的是Navicat 和WampServer相结合。不只是数字，它还可以将图像和音乐直接储存到数据库,可以控制管理数据无论数据在哪；可以满足您的所有数据需求，可以对数据进行增删查改、同步、报告和分析之类的操作。
网站总体设计
诺诺书店网站前台与后台两大模块，前台面向用户，后台则是由管理员使用和负责的。后台管理模块主要负责书店数据的管理，而前台页面模块则是主要负责店铺信息的呈现。
前台主要页面
诺诺书店网站的前台页面就是发布商家信息和产品信息等，为用户提供最新产品信息、商家公告。诺诺书店整体包括五大页面：书店首页、公告信息、留言信息、个人中心、用户登录。诺诺书店网站页面介绍表如下所示：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/508.html
