目 录
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、开发技术及工具 1
三、网站系统分析 1
（一）系统功能分析 1
1．前端 2
2．后台 2
（二）用户权限分析 2
（三）功能结构图 2
（四）网站logo设计 2
（五） 网页布局设计 3
1．网站首页布局图 3
2．栏目分类页面 3
3．详细内容页面 4
4．登录页面 4
四、数据库设计 5
五、网站前端的实现 6
（一）网站首页 6
（二）创意生活 7
（三）DIY商店页面 9
（四）DIY资讯栏目 11
（五）美人美艺栏目 12
（六）DIY购物车页面 13
（八）手工风铃的制作 14
（七）登录页面 14
（八）注册页面 14
六、网站后台的实现 15
（一）管理平台页面 15
（二）商品管理 16
（三）订单管理 19
（四）会员管理 22
总结 25
致谢 26
参考文献 27
一、引言
（一）开发背景
现如今，越来越多没用的生活物品无法处理，我们不得不将本可以利用的生活物品丢掉。DIY是DO IT YOURSELF的简写，自己动手，不需要花一分钱，轻松改造旧物，让旧物瞬间会“说话”，变成有用的物品。开动大脑，用你的双手去创造，这便是DIY是最高境界，本网站就是为了让人们学会如何利用废品变成有用的物品。本网站有生活DIY、旧物改造、传统工艺、创意设计、美食DIY、DIY商店、DIY咨讯、美人美艺为主框架搭建而成。本网站的信息会及时更新，让顾客满意。
（二）选题意义
随着社会的发展，生活中的垃圾越来越多，牛奶盒、饮料瓶、废纸、不用的衣服等被忽略的垃圾和旧物完全可以在剪刀、胶水、笔等工具的帮助下变成
 *51今日免费论文网|www.jxszl.com +Q: ^3^5^1^9^1^6^0^7^2^* 
便是DIY是最高境界，本网站就是为了让人们学会如何利用废品变成有用的物品。本网站有生活DIY、旧物改造、传统工艺、创意设计、美食DIY、DIY商店、DIY咨讯、美人美艺为主框架搭建而成。本网站的信息会及时更新，让顾客满意。
（二）选题意义
随着社会的发展，生活中的垃圾越来越多，牛奶盒、饮料瓶、废纸、不用的衣服等被忽略的垃圾和旧物完全可以在剪刀、胶水、笔等工具的帮助下变成有各种实用的生活用品。使旧物品成功改造成新物品这便是做这个网站的意义，希望大家能通过这个网站能减少生活中的垃圾，能尽量的利用身边可以利用的资源，DIY是各种年龄段的人都可以动手操作，而且当你心情不好时候，也可以静下心来自己DIY。DIY不仅能让废品改造，也能锻炼你的动手能力。
（三）设计目标
本网站包括DIY的前端设计和后台管理，主要实现了买家卖家的简单交易。前端的主要功能有用户在线购买商品。前端用户在购买前必须要先注册并登录，否则不可以提交货物订单，不可实现购买功能，登录后添加物品至购物车、查看购物车。后台可以实现商品的添加、删除还可以对网站的一些信息进行更新，例如各种生活小技巧。
二、开发技术及工具
图片处理：photoshop
前端开发：HTML+CSS
Web服务器：TomcatV6.0
开发软件：MyEclipse 6.5
Java开发包：JDK 1.5
数据库：SQL Server 2008
客户端浏览器：IE9 For Windows7 32位
三、网站系统分析
本网站主要由网站的前端用户浏览页面和后台网站管理两大部分组成的，前端页面主要是负责网站页面的实现，数据信息的显示，后台主要负责的是对数据的管理功能和网站数据动态的实现。
（一）系统功能分析
网站前端、后台设计具体描述如下：
1．前端
（1）用户的注册、登录、退出
（2）访问控制：用户没有登录就不能完成物品加入购物车、购买产品和查看订单的功能
（3）对网站信息的浏览、查看个人信息、购物车
2．后台
（1）对网站物品和信息的增、删、查、改
（2）对商品管理：订单列表、发货、同意退货
（3）查看会员信息：用户列表、用户详细信息
（二）用户权限分析
在本网站中，用户如果没有注册就只能当作是普通的游客，只能浏览网页，只有登录了才能在网上进行下单，添加到购物车，如果先前不是会员，只能先注册成为本网站的会员就可以了。会员可以查看我的订单、添加购物车、购买产品。
（三）功能结构图
网站主要包括首页、生活DIY、旧物改造、传统工艺、美食DIY、DIY商店、DIY资讯、美人美艺这几个部分组成。有些部分里都有相应的子页面，运用了大量的图文以及特效。网站的结构设计如图3-1所示。


图3-1网站结构框架图
（四）网站logo设计
网站Logo的设计，用了一把剪刀和DIY这几个字母，DIY是DO IT YOURSELF，没有性别和年龄的区别，自己动手操作，在一些基本的操作中，剪刀是必不可少的，DIY绝活这几个字是用的方正剪纸字体，就像剪刀剪出DIY绝活这几个字一样，使这个Logo跟网站更加贴切，红色又是生命、活力、健康、热情、朝气、欢乐的象征。希望能用自己DIY做出来的物品有一份自在与舒适，如图3-2所示。


图3-2 logo设计图
（五） 网页布局设计
1．网站首页布局图
网站的首页布局图，首页布局图是参照了好几家DIY的网站设计的，结合他们的特色的地方，再加上一些自己的想法和思想，本网站是DIY网站，是学习性网站，首页的设计比较直观，网站首页是
原文链接：http://www.jxszl.com/jsj/jsjkxyjs/33824.html