简易的在线书籍商城原型设计和实现俯仰之间Johnny

需求差异性:商城后台逻辑区分顾客与商家,功能同样区别设置,同类功能需区别设置具体逻辑判断

逻辑简洁性:简化用户操作逻辑,减少功能层次,减少操作步骤

边界清晰性:功能响应需要设置明确的判断边界条件

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代码部分

THE END
1.详情图在线设计详情图模板深入介绍详情图设计的各个方面。包括如何在线设计高质量的详情图,提供多种风格的详情图模板,介绍热门的详情图设计工具,以及为用户推荐了相关的设计模板。通过本文档,用户可以了解详情图设计的基本知识,掌握使用专业工具进行设计的方法,找到适合自己的设计模板,从而提https://m.gaoding.com/features/image-details
2.淘宝详情页在线制作制作图网是一款免费在线制作图片的网站,有丰富的各行业设计模板,会打字就能在线编辑修改。涵盖:海报、名片、淘宝店招、PPT、邀请函、公众号、新媒体配图等场景模板。https://www.zhizuotu.com/tbxqy.html
3.电商详情页设计在线电商详情页制作电商详情页图片模板在线设计平台Canva可画提供了海量的电商详情页设计模板,一整套的模板设计可以帮助你大大减少详情页排版的烦恼,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的电商详情页。https://www.canva.cn/create/e-commerce-details-page/
4.有手就会!电商详情页在线设计制作超简单步骤讲解00:00/00:00 评论 还没有人评论过,快来抢首评 发布 有手就会!电商详情页在线设计制作超简单步骤讲解 八弟看动漫 发布于:浙江省 2024.11.07 23:39 +1 首赞 收藏 轻松打造爆款!电商详情页在线设计制作教程分享,不用PS快速做详情页! 推荐视频 已经到底了 热门视频 已经到底了 https://www.sohu.com/a/824675605_121479458
5.3000+款详情页模板.PSD建E网设计资讯建e网 设计资讯 3000+款详情页模板.PSD 3000+款详情页模板.PSD分类:无 来源:资源设 2024-12-06 资源简介 资源名称丨电商详情页模板主图首页大合集 资源数量丨3900+款 资源格式丨PSD++预览图 今天给大家带来了 电商模板大合集 主要包含了详情页模板 也有主图/首页/等模板 均为PSD源文件 可一键编辑替换 精品https://www.justeasy.cn/news/21212.html
6.详情页设计制作素材网站图片免费下载昆明产品拍摄设计 传统糕点绿豆糕电商详情页设计制作 1 叁伍视觉工作室 猫油详情页设计制作图以商用盗图必究 6 z66924419 淘宝天猫新风系统商品详情页设计制作 1 安静安静2021 gr联轴器减震梅花垫产品拍摄主图详情页设计制作 1 亚朔设计 星级支部皮革档案盒主图设计详情页设计制作 1 亚朔设计 党员学习笔记本子产品https://www.zcool.com.cn/tag/ZMTE2NjUy.html
7.爱设计在线设计神器平面设计网站作图就用爱设计,活动海报,公众号配图,朋友圈封面,电商等百万可商用模版一键出图,只需拖拉拽三步在线图片编辑,从此设计不求人https://www.isheji.com/xinmeitilp.html
8.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.pikhive.com/
9.利用ps制作详情细节展示图,小白美工设计师必学利用ps制作详情细节展示图,小白美工设计师必学,今天我们来分享一下如何制作这个展示图。大家动手边学边操作。 我们常常看到电商中,产品详情中细节图指示展示放大图,不管在于哪方面的产品细节,都是可以通用,接一来看如何去完成效果: 【步骤一】 1、Ctrl+N建立一个页面【自己适合的大小,一般详情750或790宽】 https://www.mgzxzs.com/PhotoShop/5414.html
10.90设计网90设计是专注电商设计的淘宝素材库,设计交流、学习与分享一体的平台,让电商设计(淘宝美工)找灵感和素材更效率。 精细分层 PSD格式https://www.danhaowang.org/sd_835.htm
11.平面设计海报主图装修详情页《聚恒电商》视频在线观看《聚恒电商教育》出品:美工自学教程,教你如何成为淘宝天猫美工,做一个懂PS海报、主图、详情页排版、装修、配色、Photoshop、平面设计、视觉营销的淘宝天猫网页设计师。QQ学习群:571417012 老师QQ:539092051https://www.56.com/u39/v_MTQxNTIxMzY0.html
12.交互设计师必藏:50个线框图套件和在线设计工具优设网当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。交互设计师必备哦!https://www.uisdc.com/interaction-kits
13.飞印网图片DIY服务商业印刷品印刷服务飞印网,更专业的作图神器、印刷服务平台。海量模板、一键出图,为全国企业和个人用户提供在线名片设计、海报自助设计等图片DIY服务;还提供名片印刷、彩页/画册等设计·印刷·配送一站式服务,让图片DIY及印刷更省心更省钱。https://www.92mp.com/
14.详情今天,率巨人给大家推荐一款在线海报神器!不需要任何设计基础,一分钟就能作出高质感的海报,文案,运营,营销人有福啦! 一、ARKie智能设计助手 (www.arkie.cn) 我们先来看看做出来的效果! 效果图1 效果图2 效果图3 效果图4 好看吧!?这些海报,每张花费的时间不超过1分钟! https://www.yojiang.cn/classroom/content?id=54&noVideo=0
15.永川这15家企业招人,找工作的看过来!澎湃号·政务澎湃新闻电商详情页设计师 需求人数:60名 需求专业: 视觉传达设计、艺术设计、平面设计、电子商务等 主要职责: 负责电商平台的设计工作,如店铺首页、详情页、主图、长图等; 任职要求: 1.专业对口,如视觉传达、平面设计等专业; 2.熟练使用AI、PS、CDR等设计软件(快捷键熟练); https://www.thepaper.cn/newsDetail_forward_8515765
16.在线制作图片图片设计在线作图工具宝贝主图 宝贝详情页 公众号推送首图 小红书配图 手机海报 PC端横幅 印刷海报 名片 字体可商用 人物可商用 插图可商用 摄影可商用 多种字体可商用,支持在线图片编辑改字,快速作图 海量人物素材可商用,自由更换素材,完成在线图片制作 原创、优质插画图片设计素材,在线制作图片,一键下载 https://www.goodgq.com/h-col-161.html
17.网页设计自适应网站支持图册详情页功能说明新增点击图册跳转到图册详情页功能,网站除展示图片外可补充相关说明。如:企业产品图册补充产品详情描述等。 【支持端口】自适应站点 二、功能说明 1. 图册目录模块-模块样式新增新样式。 2. 增加图册详情页,支持设置展示元素、是否分享、间距、样式等。 http://www.yw-jz.com/h-nd-2040.html
18.淘宝店铺装修在线电商美工设计兼职网店详情页外包平台开三云匠网,专业的电商人才在线全职工作雇佣平台。开三云匠网为雇主提供淘宝美工招聘,设计师招聘,淘宝客服招聘,电商运营招聘等在线雇佣服务。实现淘宝美工,设计师,淘宝客服,电商运营等人才的在线兼职接单及外包服务、线上管理、工资托管等移动办公功能,享用一站式的https://m.93jiang.com/
19.想提高询盘量该做些什么?这些重点一个也别落下!1、好的主图视频加分很明显 2、详情如果不刻意去点,并不直接显示,突出主图作用 3、产品评价靠前展示 4、金品认证展示有加分 5、在线定制模型,关联搭配有凸显 当然影响产品询盘的因素和流量推广,产品行业等情况可能都有关系。笔者今天更多是从产品页面角度,建议在做询盘分析时候,把这些因素维度都列举出来,一个个排https://www.cifnews.com/article/113457
20.3D云展厅系统在线虚拟展厅设计搭建线上VR全景制作导览详情弹窗自由组合 5合1展品详情展示 可在场景中内嵌展品详情页面,主展商品+商品详情,为观众详细介绍展品内容 主展示区支持模型、视频、图片、动图、场景5种展示形态 背景音、解说员动画独立配置 支持跳转链接,官网或商城购买 客服讲解 展厅内可以添加真人讲解视频和动画,对展厅指定区域展品进行专属讲解,为用户带来身https://www.3dyz.com/yunzhanting/
21.白底图/透明图/抠图/详情页/视频必备在线设计神器海量模板在线轻松制作详情页、主图、视频、海报,不会ps也能轻松做图,更有抠图工具,轻松制作白底图、透明图,满足电商业务场景。https://mtw.wusetech.com/try_index
22.魔力设在线图片编辑在线海报设计魔力设在线设计模板图片库,提供海量在线海报设计模板、在线名片设计模板、在线展板设计模板等。在线选图、在线改图,实现无ps快速出图,也可下载ps/ai源文件设计。http://www.51mo.com/templates
23.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本https://m.818ps.com/
24.在线学习素材在线学习图片在线学习素材图片下载电脑蓝色扁平风在线教育培训插画素材 立即下载 封面简约大气快速掌握交互设计线上教学线上课程h5长图Ui线上学习线上教学线上课程h5长图UI 立即下载 简约大气线上突破分享线上学习线上教学线上课程h5长图Ui线上学习线上教学线上课程h5长图UI 立即下载 手绘卡通线上教育培训原创插画海报 立即下载 封面简约大气线https://www.51miz.com/so-sucai/203354.html