需求差异性:商城后台逻辑区分顾客与商家,功能同样区别设置,同类功能需区别设置具体逻辑判断
逻辑简洁性:简化用户操作逻辑,减少功能层次,减少操作步骤
边界清晰性:功能响应需要设置明确的判断边界条件
a.用户注册:注册成为网站的会员
c.用户信息修改:用户修改个人的基本信息
a.提供电子目录,帮助顾客搜索发现需要的商品
b.进行同类产品比较,帮助顾客进行购买决策
c.购物车功能实现
d.为购买产品下订单
e.撤销和修改订单
f.支付订单
a.检查用户的注册信息
a.处理顾客订单
b.完成客户选购产品的结算,处理客户付款
c.能够进行商品信息发布和修改
d.商品库存管理
模块
功能
功能简述
优先级
完成状态
通用模块
P1
已完成
注册
通过输入框键入用户名、密码、姓名、手机号码等信息,若用户名不重复则写入数据库用户信息表
支付
根据已选择订单订单号,键入用户支付密码,读出数据表中该用户密码,配对成功则完成支付,不匹配则提示错误
注销账户
P3
修改账户信息
P2
查询
顾客模块
生成商品订单
提交订单
通过选择的订单的订单号读出数据表中相应订单信息,进入订单支付环节
加入购物车
通过勾选选项框并输入采购数量,完成心仪商品基本信息,并匹配商品信息,然后将商品基本信息写入购物车表
移除购物车
通过勾选商品,选中希望删除的商品,将相应商品信息从购物车表中删除
订单撤销
通过选择的订单的订单号读出数据表中相应订单信息,将订单信息从订单细节表和订单基本信息表中删除
咨询客服
在后台为客服设置固定关键词及问题语句并设置相应回答,顾客通过对话框输入想要咨询的问题,完成与客服的交流并获取回复
年/月度消费统计
已支付/未完成订单总金额
通过支付完成标志判断该用户已支付/未完成的订单,读出订单金额加和求得已支付/未完成的订单总额
商家模块
查看订单
从数据库中读出该商家账户发布的所有商品的订单信息,进行打印显示
修改订单价格
选中订单,以订单号匹配从数据库中读出对应订单价格,修改后重新存入对应订单的价格栏
订单发货
选中订单,以订单号匹配从数据库中读出对应订单价格,发货后在后台修改相应订单的发货标志位,顾客实时可见状态更新
查看商品
从数据库中读出该商家账户发布的所有商品的信息,打印显示
添加商品
通过输入书籍名称、作者、价格、库存数量、卖方编号并上传封面图等信息,后台分配商品号,写入商品信息表
删除商品
选中商品,通过匹配商品号获取商品信息表中相应商品的数据,并执行删除操作从该表中删去该数据条
修改商品信息
选中商品,通过匹配商品号获取商品信息表中相应商品的数据,重新输入更新后完整的商品信息覆盖该条数据
随着windows以及各种设计软件、开发语言、编程软件的发展,设计并开发电子商务系统是可行的。
在设计阶段,可以通过使用MSVisio工具绘制系统总体结构功能图、ER图;使用PowerDesigner工具设计概念模型、物理模型、数据字典;使用NavicatforMySQL工具生成数据库;
在编码阶段,可以使用PHP、HTML、js、JavaScript等开发语言、notepad++编码工具相结合实现编码,使用XAMPP工具实现系统运行,最终完成系统开发。
以上这些技术和开发工具都是当下比较成熟的,可以完成该系统的开发,并且有很多当前已经成功的系统可以作为参考,所以在技术上完全可行。
系统使用最流行的网页设计形式,并采用浏览器为框架的原生组件进行设计,使用的界面简便容易操作,构造的组建具有诱导性,让用户用起来很是便利简捷。当然数据存储也十分便利与安全,也不会造成死机!所以在操作上也是可行的。
三、系统总体设计
一个管理信息系统常常是一个数据库应用系统,通常由三部分组成:数据库、数据库管理系统、数据库应用程序。
在书籍商城系统中:
数据库存储着顾客基本信息、商家信息、订单信息、商品信息等;
数据库管理系统对数据库进行管理;
数据库应用程序向外给用户提供了一个数据库数据的显示界面,同时获取用户的命令,向内通过数据库管理系统对数据库进行增、删、改等操作,并将数据库对命令的反应输出给用户。
根据需求分析,可用亿图制作系统功能结构层次图如下图2:
图2系统功能层次结构图
对应制成ER图如下图3:
图3ER图
由于需要php_admin、t_order0、t_product、t_orderdetail和t_shopcar等几个数据表,则对数据库的实体和关系说明如下:(加下划线表示键码)
实体说明:
用户(php_admin):用户ID(userid)、用户姓名(username)、密码(password)、商家/顾客的标志(usertype)、用户年龄(userage)、手机号(usermobile)
商品(t_product):书籍编码(productcode)、书籍名称(productname)、作者名称(singer)、卖家编码(sellercode)、书籍价格(price)、书籍封面(productimage)、书籍库存(stocknumber)
购物车(t_shopcar):买家ID(userid)、书籍编码(productcode)、购买数量(purchasenumber)
订单详情(t_orderdetail):订单ID(orderid)、产品代码(productcode)、价格(price)、购买数量(purchasenumber)、商品图片(productimage)
关系说明如下:
一个买家(admin)可以有多个订单(order),一个订单(order)只对应一个买家(admin)。
一个卖家(admin)可以拥有多种商品(product),一种商品(product)只能对应一个卖家(admin)。
一个订单(order)至少包含一种商品(product),一种商品(product)可以对应多个订单(order)。
一个订单(order)至少对应一个订单详情(orderdetail),一个订单详情(orderdetail)只能对应一个订单(order)。
一种商品(product)可以对应一个订单详情(orderdetail),一个订单详情(orderdetail)只能对应一种商品(product)。
一个顾客只拥有一个购物车,一个购物车也只能对应一个顾客,是一对一的关系。而一个购物车里可以存放多个购买书籍的信息,多个购买的书籍对应一个购物车,是一对多的关系。
四、数据库设计
将第四步中的ER图用Powerdesigner进行设计,得到概念模型如下图4所示:
图4概念模型图
将图4中的概念模型用Powerdesigner生成物理模型如下图5所示:
图5物理模型图
根据物理模型用Powerdesigner生成Sql脚本,部分脚本语言如下(为避免冗杂,其余略):
/*==============================================================*/
/*Table:admin*/
createtableadmin
(
useridvarchar(200)notnull,
usernamevarchar(50)null,
passwordvarchar(50)null,
tradepasswordchar(6)null,
usertypechar(1)null,
Ispaychar(1)null
Issendchar(1)null
constraintPK_ADMINprimarykey(userid)
);
/*Table:t_shopcart*/
createtablet_shopcar
Useridchar(50)notnull,
productcodeintegernull,
Purchasenumberintegernull
constraintPK_PRODUCTprimarykey(userid)
/*Table:"t_order0"*/
createtable"t_order0"
orderidintegernotnull,
useridchar(50)notnull,
ordercodechar(12)notnull,
orderpricedecimal(12)null,
ispaychar(1)notnull,
constraintPK_ORDERprimarykey(orderid)
/*Table:orderdetail*/
createtableorderdetail
orderidinteger(11)notnull,
productcodeinteger(6)notnull,
pricedecimal(10)null,
purchasenumberinteger(200)null,
productimagechar(200)null,
constraintPK_ORDERDETAILprimarykeyclustered(orderid,productcode)
/*Table:product*/
createtableproduct
productcodenumeric(6)notnull,
productnamevarchar(50)null,
sellercodechar(6)null,
productimagevarchar(200)null,
stocknumbernumeric(11)null,
Writerchar(50)null
constraintPK_PRODUCTprimarykey(productcode)
表单号
表单名
php_admin
用户信息表
储存用户个人信息
t_product
商品信息表
储存商品信息
t_order0
订单信息表
储存订单信息
T_orderdetail
订单物品详情
订单中各种商品的具体信息
t_shopcar
购物车表
储存用户购物车信息
(1)mysql_connect(server,user,pwd,newlink,clientflag):用于打开非持久的MySQL连接,如果成功,则返回一个MySQL连接标识,失败则返回FALSE。
(2)mysql_select_db(connection,database):函数设置活动的MySQL数据库。如果成功,则该函数返回TRUE,如果失败,则返回FALSE。
(3)mysql_query(connection,query):执行一条MySQL查询,仅对SELECT,SHOW,EXPLAIN或DESCRIBE语句返回一个资源标识符,如果查询执行不正确则返回FALSE。
(4)mysql_affected_rows(link_identifier):函数返回前一次MySQL操作所影响的记录行数,执行成功,则返回受影响的行的数目,如果最近一次查询失败的话,函数返回-1。
(5)mysql_fetch_array(data):函数从结果集中取得一行作为关联数组,或数字数组,或二者兼有返回根据从结果集取得的行生成的数组,如果没有更多行则返回FALSE。
mysql_close(connection):关闭数据库连接。
图6数据流图
五、系统实施
$RS=mysql_query($sql);
$row=mysql_fetch_array($RS);
$flag=$row[0];
$_SESSION["username"]=$name;
$_SESSION["flag"]=$flag;
}
{
echo"";
mysql_close($con);
图8注册界面
2)功能
注册模块进行用户个人信息填写,选择注册的账户类型,输入用户账号、用户、密码、用户姓名、用户年龄、用户手机等信息完成注册。信息按格式填写好后即可注册成功。
由于用户ID是唯一的,所以采用Ajax技术检测重名.
3)实现
运用一个表单form,包含五个文本输入框以及注册、返回两个button按钮。当用户名填写完后,如果用户名已被注册,则会立即给出提示信息。点击注册时,检验信息填写是否符合格式要求。若不符合要求则给出提示信息。若信息填写正确,则连接数据库,用insert语句将该新用户的信息置入user表。
4)部分代码
sql代码如下:
header("Cache-Control:no-cache,post-check=0,pre-check=0");
header("Content-type:text/html;charset=gb2312");
$userid=$_POST['userid'];
$password=$_POST['password'];
$username=$_POST['username'];
$userage=$_POST['userage'];
$usermobile=$_POST['usermobile'];
$usertype=$_POST['usertype'];
$con=mysql_connect("localhost","root","sql");
mysql_select_db("qingzhou",$con);
mysql_query("setnamesgb2312");
$sql1="insertintophp_admin(userid,username,userage,password,usermobile,usertype)values('$userid','$username','$userage','$password','$usermobile','$usertype')";
//echo$sql1;die();
$RS0=mysql_query($sql1,$con);
header("location:userlogin.htm");
这部分的代码核心为JavaScript脚本。
functionregister()
if((document.getElementById("txtHint").innerHTML)!='')//Ajax检测用户ID
alert("userid重复");
returnfalse;
if(document.getElementById("txtHint").value=="")
alert("userid不能为空");
if(document.getElementById("username").value=="")
alert("username不能为空");
if(document.getElementById("password").value=="")
alert("password不能为空");
if(document.getElementById("tradepassword").value=="")
alert("交易密码格式不正确");
form1.action="usersave.php";//注册成功,保存到数据库
form1.submit();
functionreback()
form1.action="login.php";//返回登陆界面
功能:顾客模块包括查询商品、购买商品、将商品加入购物车、提交订单、取消订单、查询订单、订单付款、咨询客服、个人信息管理和退出等功能,在顾客模块主界面可分别进入子模块,查询商品子模块可查看商品信息,进行商品购买后,可进入我的订单模块查看我的订单信息,订单状态包括是否已经付款以及订单是否已经发货。
个人中心模块可查看和修改自己的个人信息,同时也可注销自己的账户。退出按钮可退出系统。
顾客页面左侧树列表图如下:
图9选择商品界面
图10生成订单
图11生成订单成功
①:查看商品界面可以通过专辑名称,或歌手名称查询自己想购买的专辑,同时有分页功能。
②:可以选择喜欢的专辑添加进入购物车
④:支付界面可进行订单确认并付款,需要输入支付人的账号密码,核实正确后才能付款成功,也可取消订单或返回上一界面。(此处支付密码的验证为验收后新增)
②:加入购物车时,通过存储在checkboxes里的信息,往t_shopcar表中加入勾选专辑的编码信息,以及购买的数量信息。
②:根据用户在选择商品界面时输入的参数如购买商品代码、及购买数量等合并存储在checkboxes的数组里面,然后通过超链接的方式跳转到添加订单界面,并且将订单数据$_POST传递过来,而在添加订单的过程中,直接调用Navicat中的存储过程对t_product表格的库存,t_order0表格以及t_orderdetail表格中的数据进行修改,并遵循rollback原则,即若有一个数据修改失败,则所有数据重新修改,保证表格之间逻辑性的正确。
③:支付界面运用一个表单form,包含一个table、付款、返回和两个button按钮。进入支付界面后,先检查库存,如果库存不足则给出提示信息,如果库存足够则马上把订单信息写入数据库t_order0表中,订单状态为未付款。点击付款后就更新数据库中t_product表的库存值和t_order0表的订单状态为已付款。点击取消订单就删除数据库t_order0表中的订单信息。
HTML代码部分省去了很多,主要展示部分SQL语句(这里列出分页功能的代码,之后的模块中不再展示分页功能):
session_start();
if(($_SESSION['userid']==''))
$productname=$_POST['productname'];
$singer=$_POST['singer'];
$SQL="select*fromt_productwhereproductnamelike'%".$productname."%'";
if($singer)
$SQL="select*fromt_productwheresingerlike'%".$singer."%'";
$RS0=mysql_query($SQL,$con);
//Script代码部分
functionbtnsel_onclick(){
document.form1.submit();
functionbtnpri_onclick(){
document.all.h.value="1";//按价格升序
functionURLStr(){
return"
functiongoPage(){
varvtf=true;
if(document.form1.goPageNo.value==""){
alert("请输入要跳转的页码!");
document.form1.goPageNo.focus();
vtf=false;
if(isNaN(document.form1.goPageNo.value)){
alert("要跳转的页码必须为数字!");
document.form1.goPageNo.select();
if(vtf)Overturn(document.form1.goPageNo.value);
functionOverturn(p){
varStr=URLStr();
window.location=Str+"¤tpage="+p;
functionaddorder(stocknumber)
varr=/^\+[1-9][0-9]*$/;
varcheckboxes=document.getElementsByName("checkbox1");
vartexts=document.getElementsByName("text1");
varstr=[];
for(i=0;i if(checkboxes[i].checked){ str.push(checkboxes[i].value); if(texts[i].value==""||!(r.test(texts[i].value))) {alert('请输入购买数量');returnfalse;} if(2000 alert('商品余量不足,请修改购买数量'); str.push(texts[i].value); document.getElementById("checkedproduct").value=str; if((""==str)) alert('请选择商品添加订单');returnfalse; else alert('生成订单成功!'); document.form1.action='addorderX.php'; functionaddshopcar(stocknumber) for(i=0;i if(checkboxes[i].checked) alert('请选择商品加入购物车');returnfalse; alert('加入购物车成功!'); document.form1.action='addshopcar.php'; 生成订单分为两部分: I)在商品目录直接勾选商品提交订单 SQL存储过程代码如下: BEGIN DECLAREt_errorINTEGERDEFAULT0; DECLARECONTINUEHANDLERFORSQLEXCEPTIONSETt_error=1; set@i=0; SET@cnt=1+(LENGTH(checkedproduct)-LENGTH(REPLACE(checkedproduct,',',''))); set@i=1; STARTTRANSACTION; set@orderid=(selectorderidfromt_order0whereordercode=varordercodelimit1); WHILE@i<=@cntDO SET@result=REPLACE(SUBSTRING(SUBSTRING_INDEX(checkedproduct,',',@i), LENGTH(SUBSTRING_INDEX(checkedproduct,',',@i-1))+1), ',',''); SET@i=@i+1; SET@result1=REPLACE(SUBSTRING(SUBSTRING_INDEX(checkedproduct,',',@i), insertintot_orderdetail(orderid,productcode,price,purchasenumber,productimage)values(@orderid,@result,(selectpricefromt_productwhereproductcode=@resultlimit1),@result1,(selectproductimagefromt_productwhereproductcode=@resultlimit1)); updatet_productsetstocknumber=stocknumber-@result1whereproductcode=@result; ENDWHILE; updatet_order0setorderprice=(selectsum(purchasenumber*price)fromt_orderdetailwhereorderid=@orderid)whereordercode=varordercode; IFt_error=1THEN ROLLBACK; ELSE COMMIT; ENDIF; END Ii)在购物车内勾选商品提交订单 set@purchasenumber=(selectnumberfromt_shopcarwhereproductcode=@resultlimit1); set@totalprice=(selecttotalpricefromt_shopcarwhereproductcode=@resultlimit1); insertintot_orderdetail(orderid,productcode,price,purchasenumber,productimage)values(@orderid,@result,@totalprice,@purchasenumber,(selectproductimagefromt_productwhereproductcode=@resultlimit1)); updatet_productsetstocknumber=stocknumber-@purchasenumberwhereproductcode=@result; deletefromt_shopcarwhereproductcode=@result; updatet_order0setorderprice=(selectsum(price)fromt_orderdetailwhereorderid=@orderid)whereordercode=varordercode; iii)选择商品的代码核心为JavaScript脚本。 functionaddorder() varr=/^\+[1-9][0-9]*$/;//正则表达式 str.push(checkboxes[i].value);//将复选框的值写入str if(texts[i].value==""||!(r.test(texts[i].value))){alert('请输入购买数量');returnfalse;} str.push(texts[i].value);//将对应的采购数量写入str if((""==str)){ }else{ document.form1.action='addorder0.php'; }} 注:varr=/^\+[1-9][0-9]*$/; ^这表示以其后面的字符开头[0-9]*这个匹配0个或0个以上的0-9之间的数字[1-9]匹配一个1-9之间的数字$这表示以其前面的字符结尾 图12支付界面 图13支付提示界面 图14支付完成跳转至订单查询 付款时,顾客输入6位密码,如果密码正确,网站会提示密码正确,然后跳转到订单查询的界面。否则,网站会提示密码输入错误,然后要求顾客重新输入密码付款。点击左上角的“×”可以退出付款界面。 首先,利用css代码进行页面设计。然后,统计用户输入密码的个数,当输入密码个数为6时,会连接数据库,在t_admin表里利用userid这个键码进行匹配。 密码输入和匹配的代码核心为下面的JavaScript脚本。 varpassword=""; functionclean()//删除密码 if(password.length>0){ password=password.substr(0,password.length-1); for(vari=5;i>=0;i--){ varpwd=document.form.p[i]; if(pwd.value!=""){ pwd.value="";//清空对应位置的数字 break; functionput(m) for(vari=0;i<6;i++){ if(pwd.value=="")//对应位置写入并记录密码 pwd.value=m; password+=m; if(document.form.p[5].value!="")//匹配 if(password== alert("支付成功!"); form.action="payorder.php"; form.submit(); alert("密码错误,支付失败!"); 图16加入购物车 图17购物车界面 图18于购物车提交订单成功 图20未勾选商品提示错误 构建一个新表t_shopcar,包含购物车内专辑的编码、购买数量以及买家的ID信息,通过sp_addshopcar存储过程,在上一个商品目录勾选好商品,并点击添加购物车按钮后,即将所勾选的商品信息存储至t_shopcar,并在购物车页面进行购物车内所有商品信息的显示。 sp_addshopcar存储过程代码如下: set@totalprice=@result1*(selectpricefromt_productwhereproductcode=@resultlimit1); insertintot_shopcar(productcode,productname,number,totalprice,productimage)values(@result,(selectproductnamefromt_productwhereproductcode=@resultlimit1),@result1,@totalprice,(selectproductimagefromt_productwhereproductcode=@resultlimit1)); 购物车显示页面html及php关键代码如下(包括清除购物车内商品功能): $SQL="select*fromt_shopcarwhereproductnamelike'%".$productname."%'"; //print_r(mysql_fetch_array($RS0)); > alert('请选择商品提交订单');returnfalse; alert('提交订单成功!'); functiondeleteproduct() alert('请选择商品进行移除');returnfalse; alert('已成功移除购物车内商品'); document.form1.action='deleteshopcar.php'; 图21订单查询界面 ①订单查询界面可分别查看各订单的详细信息,以及订单是否已经付款:未付款,已付款,商品是否发货成功:未发货、已发货。点击订单状态栏里的图片可进入订单详情页面。(若该订单是未付款订单则跳转至付款界面,未付款的订单可取消订单,若该订单为已发货订单则跳转至确认收货界面) ③实现用户本月/半年度订单总金额统计,及已付款/未付款订单总额统计。 订单查询界面运用一个表单form,通过查询数据库中t_order0表的信息,显示我的订单信息,包含一个table、未付款、已付款、已发货和已收货四个button按钮点击相应按钮,通过超链接跳转至相应的界面。同时,订单状态栏的图片也是一个超链接,点击后可携带参数订单ID跳转至该订单的详细信息界面。 功能核心部分代码如下:(省略部分常规代码) if(($_SESSION['userid']=='')||($_SESSION['usertype']<>'0')) $ordercode=$_POST['ordercode']; $SQL=$SQL."andorderidin(selectt_order0.orderidfromt_orderdetail,t_product,t_order0wheret_orderdetail.productcode=t_product.productcodeandt_orderdetail.orderid=t_order0.orderidandt_order0.userid='".$_SESSION['userid']."'andproductnamelike'%".$productname."%')"; if($ordercode) $SQL=$SQL."andorderidin(selectt_order0.orderidfromt_orderdetail,t_product,t_order0wheret_orderdetail.productcode=t_product.productcodeandt_orderdetail.orderid=t_order0.orderidandt_order0.userid='".$_SESSION['userid']."'andt_order0.ordercodelike'%".$ordercode."%')"; //$SQL=$SQL."andorderidin(selectorderidfromv_orderdetailwherev_orderdetail.userid='".$_SESSION['userid']."'andproductnamelike'%".$productname."%')"; functionbeginpay(ordercode) document.getElementById("ordercode").value=ordercode; document.form1.action='pay.php'; 图23订单撤销界面 该页面可以取消对应的订单,点击蓝色按键“取消订单”,即可将对应订单信息从数据库中清除。(若订单已付款,则用户无法点击取消订单,订单状态未付款才能取消订单) 在点击取消订单后,获取相应的订单编号,送至SQL语句中进行查询、删除操作,删除订单在t_order0以及t_orderdetail中的订单有关信息,若此时付款显示未付款,即ispay=0,取消订单按钮不可点击。 该功能实现核心代码如下: $SQL=$SQL."andorderidin(selectt_order0.orderidfromt_orderdetail,t_product,t_order0wheret_orderdetail.productcode=t_product.productcodeandt_orderdetail.orderid=t_order0.orderidandispay='0'andt_order0.userid='".$_SESSION['userid']."'andproductnamelike'%".$productname."%')"; 图24客服咨询界面 该页面可以实现跟客服的咨询功能,用户如果有疑问可以直接在对话框中输入,点击发送,客服会根据用户提出的问题,做出相应的回答。 功能演示效果如下: 图25咨询过程 该功能核心代码如下: .talk_con{ width:600px; height:500px; border:1pxsolid#666; margin:50pxauto0; background:#f9f9f9; .talk_show{ width:580px; height:420px; background:#fff; margin:10pxauto0; overflow:auto; .talk_input{ .whotalk{ width:80px; height:30px; float:left; outline:none; .talk_word{ width:420px; height:26px; padding:0px; margin-left:10px; text-indent:10px; .talk_sub{ width:56px; .atalk{ margin:10px; .atalkspan{ display:inline-block; background:#0181cc; border-radius:10px; color:#fff; padding:5px10px; .btalk{ text-align:right; .btalkspan{ background:#ef8201; // window.onload=function(){ varWords=document.getElementById("words"); varWho=document.getElementById("who"); varTalkWords=document.getElementById("talkwords"); varTalkSub=document.getElementById("talksub"); TalkSub.onclick=function(){ //定义空字符串 varstrA=""; varstrB=""; if(TalkWords.value==""){ //消息为空时弹窗 alert("消息不能为空"); return; if(TalkWords.value=='请问我怎么看订单是否支付') strB='
strA='