基于HTML CSS JS的线上手机商城系统设计与实现
摘 要
时代在进步,科技在发展,我们作为进步时代最大的受益者,乘坐着发展的高速列车来到繁荣的21世纪。现如今,移动支付成为了主流,人们只用一部手机就可以实现商品支付交易,这相对于传统的纸币支付来说可 以是百利而无一害,不仅仅打破了传统支付在时空上的限制,也大大提高了人民群众财富的安全性。一个新生命的诞生往往会牵动起一系列相关事件的发展,而移动支付的兴起就带动了线上商城,在线购物的生 机。与传统的购物相比,线上购物方便快捷, 足不出户就可以在移动终端购买自己喜欢的物品。但线上购物不是万 能的,其中也存在这许多问题,最大的问题就是购买过后,在商品运送的过程中无法保证商品的安全,简而言之为 运损。这一点在电脑,手机等贵重电子商品中尤为突出。因此,本论文就在此问题上进行研究,基于PHP开发语言使用HTML/CSS/JS等编程技术开发一款门店线上选购平台, 针对电脑手机等贵重物品的线上购物进行区域化,便民化改进。采用“送外卖”的方式,同城匹配货源,解决“等 得久,运损大”的问题。
关键词:网上购物;PHP;线上商城;面向服务;后台管理。
系统需求分析
1用户需求分析
在当前线上商城应用市场上,用户对线上商城的须求主要有:登录、注册、浏览商品、关键字搜索、条件筛选、商品选择、商品购物车、商品购买、订单查询等。
1.1用户操作描述及流程图
用户打开网页后进行登录,如果没有账号的新用户要进行注册,完成前面的步骤以后;用户即可在主页进行商品浏览及挑选;商城上方有搜索框,用户可在搜索框内搜索产品名称,来达到快速查找商品的目的;用户也可在分类筛选中进行商品分类上的筛选来查看自己所需商品,进入筛选分类后可输入价格区间继续对商品进行筛选;筛选完成后点击进入商品详情页对商品详情进行了解,了解详情后对商品的各个版本以及数量进行选择;选择完成后,可直接点击购买,亦可点击加入购物车后再进行购买;购买完成后可在我的订单进行订单的查询。
具体操作流程看下图1:
图1
系统的结构与设计
本章主要介绍本系统结构以及设计,结构主要分为两大部分,为前端页面部分与后台管理部分,介绍完主要结构后还会对系统的数据库设计进行描述。
1系统的结构
作为一个线上购物系统,本系统主要分为两个部分。第一部分就是前端页面部分,也就是用户功能模块,该部分包括了登录页;注册页;商品信息的展示页面;商品的分类;商品的查询;用户评论所买到商品的功能;店面发布的公告栏等。如图1所示:
图1
第二部分为商城的后台管理部分。后台管理部分主要包括对数据库中所有各项实体的管理,具体功能结构如图2所示:
图2
系统的实现
经过以上几章对系统的相关介绍之后,本章在最后主要描述系统实现部分的相关内容
1系统的开发及运行环境
1.1系统的开发环境
本系统主要基于Win10系统开发,具体开发环境如下表1:
表5-1
1.2系统的运行环境
本系统的运行环境如下表2:
表2
以上为本系统的基本开发环境与运行环境。下面对各部分功能实现进行介绍
系统各功能部分实现
1登录/注册页
用户如要想在本系统进行购物,首先要注册个人账号,个人账号用来记录用户的购物行为,注册完账号后方可进入首页。登录及注册页面如下图1、图2:
图1登录页面
图2注册页面
结论
在互联网飞速发展的今天,各种购物平台层出不穷,本系统在现有的基础上分析和总结了当前的用户以及市场业务需求,通过PHP语言、MYSQL数据库、html以及Javascript编程技术实现浏览、搜索、过滤、购买、用户购物车添加等功能,并创建与该系统相对应的后台管理系统,基本实现当前的网上购物系统的各个功能。
参考文献
[1]袁宁、李勇继等《网上商店大制作》重庆大学出版社2001.3
[2]PHP程序设计
[3]深入浅出MYSQL:数据库开发优化与管理维护
[4]PHP6与MYSQL5基础教程
[5]XML完全探索
[6]基于JavaScript的浏览器端调用Web服务与实现
[7]魏应彬,周星.《网页设计与Web数据库发布技术》清华大学出版社2002出版
[8]裘民民,戴小林,罗畅.《网络程序员入门》北京科海集团公司2002
[9]武延军,黄飞跃.精通JSP编程技术[M].人民邮电出版社2001
[10]周影.网络编程语言JSP实例教程[M].电子工业出版社2003