基于Web2.0的网络团购系统的设计与实现
title=\袁国麟\收藏本站
页脚的CSS控制样式如下：
/* 页脚部分 */
#footer {
clear:both; width:900px; height:198px; margin:2px auto;
background:url(../img/footer.png) no-repeat bottom; }
#footer p { clear:both; }
#footer h3 a {
font-size:18px; font-weight:bold; color:#fff;
text-decoration:none; }
#footer h4 a {
font-size:14px; font-weight:bold; color:#fff;
text-decoration:none; }
/* 页脚竖排文字样式 */
#dg {
float:right; margin-top:6px; margin-right:160px; } #eg {
float:right; margin-top:6px; padding-right:20px; border:2px #999999; margin-right:70px;
border-right-style:dotted; }
31
基于Web2.0的网络团购系统的设计与实现
#fg {
float:right;
border:2px #999999; margin-top:6px; margin-right:70px; padding-right:20px;
border-right-style:dotted; } #gg {
float:right; margin-top:6px; border:2px #999999; margin-right:70px; padding-right:20px;
border-right-style:dotted; }
4.功能展示
4.1 登陆模块界面：（正确输入用户名、密码和验证码之后即可登陆到系统后台）
32
基于Web2.0的网络团购系统的设计与实现
4.2 团购后台界面：
4.3 站点文件在线编辑界面
可以在线编辑页面，但是效果没有Dreamweaver软件设计的效果好，推荐用DW先设计好样板让后再放进去：
33
基于Web2.0的网络团购系统的设计与实现
4.4 商品在线编辑功能界面
通过这个后台功能可以直接发布商品信息，效果还可以，但是有一个软件做这更有效率——shopex助理，我一般都是通过助理先做好商品模板再保存之后导入进来的，这里就不再展开讲解：
4.5订单模块
可以查看谁买了我们的商品，以及该客户的基本信息还有发货单、收款单快递模板设计等等功能，这个模块还可以导入淘宝的订单，很方便实用。
34
基于Web2.0的网络团购系统的设计与实现
4.6 购买商品登陆与注册界面
当用户没有登陆要购买商品时，会以弹出窗口的形式出现下面这个对话框，这个也是要通过Ajax技术实现的：
4.7会员注册与登陆模块：
35