信IB与电腐
China Computer&Communication 软件卄域；与惑用
2021年第5期
基于公众平台的美妆商城小程序的设计与实现
曹艳琴
(武汉晴川学院，湖北武汉430204)
摘要：小程序是一种不需要下载就可以应用的互联网应用，而且小程序的开发环境也越来越完善，用户只需要通过就可以进入使用界面。基于公众平台的美妆商城小程序是020、电子商务与小程序相结合的产物，用户进入后能够迅速获取店铺以及各种产品的信息，可以随时购买心仪的商晶.基于此，本文重点、探讨了基于公众平台的美妆商城小程序的设计与实现.
关键词：公众平台；小程序；美妆；电子商务
中图分类号：TP311文献标识码：A文章编号：1003-9767(2021)05-121-03
Design and Development of Beauty Mall APP Based on WeChat Public
Platform Web Application
CAO Yanqin
(Wuhan Qingchuan University,Wuhan Hubei 430204,China)
Abstract：The WeChat applet is an Internet application that can be applied without downloading,and the development environment of the applet is becoming more and more perfect.Users only need to scan the mobile phone to enter the user interface. The beauty mall applet based on the WeChat public platform is a product of the combination of020,e-commerce and WeChat applet. After entering,users can quickly obtain information about the store and various products,and can purchase their favorite products at any time.Based on this,this article focuses on the design and implementation of the beauty mall applet based on the WeChat public platform.
Keywords:WeChat public platform;small program;beauty;E-commerce
0引言
在全球化妆品市场中，我国已经占据了主导地位，虽然仍然与美国有一定的差距，但是所占的份额高达15.45%。通过研究国内美妆行业发现，该行业正在稳定发展，其品牌竞争力越来越强大。结合近10年的有关数据来看，国内品牌的综合提升速度高达9.5%。而从整体发展来看，国际品牌所产生的影响力是最大的，始终带领着无数品牌以及市场朝着国际化的方面迈进。2010-2017年，我国的美妆行业一直在高速发展，而且增速始终为两位数。2018年9月，我国的化妆品行业取得高达222亿元的销售额，较2017年增长7.7%。
小程序拥有方便、不占内存等优点，深受大多数用户的青睐，因此公众平台就成为开发美妆商城小程序的首选。
1系统功能分析
公众平台Web应用是通过类Web开发的方式，使作者简介：曹艳琴(1981-)，女，湖北襄阳人，硕士研究生，用JavaScript,HTML、CSS技术实现在运行的具有原生APP体验的应用，而其中又可以使小程序与后台进行连接，后台由Node.js建成W该系统将接入MySQL数据库，以便让全部数据都能够顺畅传递。
1.1前端实现功能
①广告轮播。向用户推荐最新和最火爆的商品，让用户打开小程序就能得到最新的资讯。②分类导航。各类商品分门别类，用户需要什么类别可以点击导航图标浏览各类商品。
③商品搜索。用户通过关键词就能快速地搜索商品。④整点秒杀。活动商品限时以最低价格购买，库存有限，先拍先得，每人限购一件。⑤拼团功能。邀请朋友一同购买活动商品，可以享受更低的价格卩切。⑥收藏功能。用户在商品详情页点击收藏键就可以把商品添加到我的收藏里，以便能够随时到。⑦购物车功能。用户可以同时购买多种商品并实现快捷结算。前端系统功能图如图1所示。
副教授。研究方向：计算机网络(Web前端开发)。
信Q 与电1B
China Computer & Communication
敬件打茨与窓用
2021年第5期
图1前端系统功能图
1.2后端实现功能
①增加商品。点击新增可以新增商品，并加入数据库。②删除商品。管理员可以根据需要删除相关商品。③修改商 品。管理员可以修改商品的相关信息，并写入数据库。④商
品上下架。若商品缺货可以将商品下架，等有货后上架销售。
后端系统功能图如图2所示。
图2后端索统功能图
2系统数据库设计
管理员表如表1所示，订单表如表2所示，注册用户表
如表3所示，系统E-R 图如图3所示。
表1
管理员表
字段名类型长度
说明
idTd Int 4递增
nameTd varchar 30一般设置为单词
pwdTd
varchar
20
长度不小于6位
表2
订单表字段名类型长度
说明
idTd Int 4递增
TgbhTd Int
4订单编号goodTd
varchar 20商品
timeTd
datetime
8
年月日
jiageTd Int 4金额
表3
注册用户表
字段名类型
长度
说明idTd Int 4递增
nameTd varchar 30一般设置为单词组成pwdTd
varchar 20长度不小于6位
XingmingGoods
varchar 8
用户姓名
SexTd varchar 2用户性别
Shenfen-idGoods
Int 4身份证号
DzTd
Int
4
用户地址
3功能实现
3.1前端功能实现
在每个小程序页面中，主要由4个不同后缀的文件构 成：index.js 、index.wxml 、index.wxss 和 index.json 。.js 后
缀的文件是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件，.wxml 后缀的文件是页面结构
文件心。
小程序能够读取这些文件的内容，然后将其制作成 小程序实例。app.js 是小程序的脚本代码，能够对小程序的 生命周期函数进行监听。app.json 能够对整个小程序进行全
局配置。开发人员借助该文件不仅能够对文件的页面构成进
行配置，还可以设置导航条样式，配置默认标题。app.wxss 是整个小程序的公共样式表。开发人员借助该文件能够对页
面组件的class 属性进行设置。
3.2前端界面
前端界面设计要吸引用户眼球，可以使用pages/index/
index 进行广告轮播，使用pages/cat/cat 设计商品的导航图
标，使用pages/miaosha/miaosha 购买秒杀商品，使用pages/
search/search 实现搜索功能。3.3前端功能
拍一拍后缀各类商品分别归类在不同类别下，用户可以按照自己的 需求在具体分类里浏览心仪的商品。在搜索页面输入关键字
后，就可以到符合条件的商品，点击商品封面便可以进入
商品详情页面浏览商品。在首页开展拼团等一系列活动，不 仅能够调动消费者的购物积极性，还能能在短时间内获得大
量的精准用户。
用户在商品详情页点击收藏键就可以把商品添加到我的 收藏里，用户可以随时进入个人收藏空间，充分满足用户的
自定义需求，能够通过个人收藏空间迅速到心仪的商品。
Web 开发者工具应用界面设计可以对应后端传输过来的
数据进行引用，只需要在siteinfo.js 后缀的页面功能里实现 与后端的交互就能形成一个完整的传输过程。
3.4后端功能实现
云服务器(Elastic Compute Service )属于一种计算服务
器，不仅能够降低开发难度和IT 成本，还能在BGP 最优路
由算法的基础上创建多线网络。后台可以对小程序做整体管
信IB与电腐
China Computer&Communication 软件卄域；与惑用
2021年第5期
理。①商品管理。对商品进行新增、删除、修改操作。②订单管理。对小程序收到的各类订单和用户对商品的评价进行管理。③用户管理。对用户的购买记录和充值记录进行管理。
④营销管理。对各类优惠券进行管理。
4结语
随着移动电子商务的形成与发展，也将通过不同的方法加强线上平台和线下商务的联系，打破线上和线下的障碍，形成一个全新的闭环模式，在此基础上让更多的020企业加入其中，一同构建整个服务体系，并推动相关产业实现可持续发展。
参考文献
[1]陈京京.美妆网红经济发展浅谈[J].中国商论,2019(4):71-
73.
⑵叶明霞，毛可进•聚美优品的营销策略研究[J].中国市
场,2019(5):145-146.
[3]龙玉萍.美妆心机[J].美与时代,201^2):155.
[4]杨志刚.专题演讲之市场走向未来十年中国将会成为世界
美妆产业巨头[J].中国化妆品,2019(1):36-39.
⑸麦青.2019美妆品牌增长10大问题：没钱咋增长？拼效率
or拼规模?[J]，中国化妆品,2019(2):46-51,
[6]张玻溢.探析化妆品网络营销现状及策略：以XFC化妆品
为例[J].辽宁经济,2019(1):78-79.
[7]A kira.美妆零售新玩法！化妆品市场现新零售模式[J].中
国化妆品,2018(11):94-97.
[8]刘晓颖."他时代”来临？美妆巨头率先布局抢市场[N]・
第一财经日报,2018-09-28(A07).
[9]邱艳.网络红人对90后女性购买彩妆产品的影响分析[D],
淮南：安徽理工大学,201&
[10]陈浩.2017年度化妆品行业10大关键词[J]，口腔护理用
品工业,2018,28(3):57-59.
[11]CHEN Z.Analyzing the marketing strategies of high-end
cosmetic brands from the perspective of consumers[J].
Modem Commerce,2018(20):28-29.
[12]SONG J,HE N,ZHU Y,et al.Design and implementation of
ciphertext data security de-duplication system based on Aliyun platformf J].Information Network Security,2017(3):39-45. [13]WANG X.O b s erving literacy learning across WeChat and
first-year writing:A scalar analysis of one transnational student*s multilingualism[J].Computers and Composition, 2019,52(4):253-271.
发布评论