202203610326 梁涛.zip

行业研究

4.41MB

14 需要积分: 1

立即下载

资源介绍:

202203610326 梁涛.zip

信息工程学院

基于微信小程序开发江遇购物商城

项目实训报告

学号： 202203610326

姓名：梁涛

班级： 22 级计算机应用技术 3 班

指导老师：孙健荣

实训时间： 2023.11.27--2023.12.01

/ 11

一、项目简介.................................................................................................................................2

二、项目内容.................................................................................................................................2

（一）设计目标.............................................................................................................2

（二）设计方案.............................................................................................................3

三、实施过程.................................................................................................................................3

（一）实施计划.............................................................................................................3

（二）实施过程.............................................................................................................3

（三）遇到问题.............................................................................................................4

（四）解决办法...............................................................................................................4

四、项目成果.................................................................................................................................4

（一）项目展现方式.....................................................................................................4

（二）与设计目标的偏差...........................................................................................10

五、总结 ......................................................................................................................................10

六、指导教师评价（按优、良、中、差给出成绩） ...............................................................11

/ 11

一、项目简介

随着微信开发小程序的兴起，“未来已来”的背景下，小程序及其产业在中

国发展更加迅速，其中在电子商务、现代信息服务业、新兴产业发展强劲势头等

表现明显。最近几年，国家还提出‘小程序+’的发展战略。将小程序市场推向

前所未有的热度。各个行业需要找到合适的渠道，推销自己的产品服务，众多的

小程序开发应用当中，微信小程序开发技术应用较为普遍，因为微信小程序开发

技术在所有软件应用中，既有优势，也是一个趋势，可编写界面展示产品，可快

速直观看到效果，可适应大部分终端设备。

随着网络的普及和人们精神文明的需求提高，我国小程序用户规模逐年增加，

到 2020 年 3 月达到 63513 万人，较 2018 年年底增加 5953 万人；2020 年 12 月

我国小程序用户规模达 65825 万人，较 3 月增长 2312 万人，占网民整体的

66.6%。

江遇购物小程序使网络购物形成了数字化的购物制作、传播和消费模式。江

遇购物小程序的特征包括多样性、远程性、共享性以及重复性和再现性、开放性

和交互性。

江遇购物小程序更方便满足人民的日常购物便捷需求，给广大网络购物使用

者带来便捷。

二、项目内容

（一）设计目标

通过对 wxml 语言、wxss 的应用以及 wxss 语言的复习和锻炼，并且通过微

信开发者工具江遇购物商城项目，以达到充分熟悉开发平台及应用设计。同时掌

握并实践小程序开发项目设计规范及其开发流程：需求分析、概要设计、详细设

计、代码编写等，根据企业希望向浏览者传递的信息（包括产品、服务、理念、

文化），进行网站功能策划，然后进行的小程序设计美化工作。

/ 11

（二）设计方案

1. 开发工具安装与使用、微信开发者工具 wxml 常用标签讲解、微信开发者

工具 wxss 常用样式属性讲解、创建项目流程、项目各个板块搭建；

2. 简洁实用：网络特殊环境下，尽量以最高效率的方式将用户所要想得到

的信息传送给他就是最好的。

3. 使用方便：满足使用者的要求，小程序做得越适合使用，就越显示出其

功能美

4. 整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所

做的设计才是成功的。

5. 小程序形象:突出小程序用色协调，布局符合形式美的要求。布局有条理，

充分利用美的形式，使小程序富有可欣赏性，提高档次。

6. 交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设

计才能算成功的设计。

三、实施过程

（一）实施计划

1. 项目：江遇购物商城项目

2. wxss 语言基础讲解

3. wxml 语言以及 wxss 语言的应用

（二）实施过程

1. 微信开发者工具的安装，用于编辑调试代码

2. wxml/wxss 辑项目页面的骨架

3. wxss 辑项目页面的效果(排版布局)

资源文件列表:

202203610326 梁涛.zip 大约有66个文件

实训源码/
实训源码/.eslintrc.js 587B
实训源码/app.js 364B
实训源码/app.json 1.46KB
实训源码/app.wxss 16B
实训源码/images/
实训源码/images/1.jpeg 43.04KB
实训源码/images/2.jpg 197.29KB
实训源码/images/3.jpeg 57.95KB
实训源码/images/4.jpg 142.69KB
实训源码/images/5.jpeg 99.13KB
实训源码/images/7.jpg 40.45KB
实训源码/images/car.png 2.86KB
实训源码/images/cart.png 1.24KB
实训源码/images/cart_act.png 1.31KB
实训源码/images/heisi.jpg 144.07KB
实训源码/images/heisi2.jpeg 92.47KB
实训源码/images/heisi3.jpg 75.5KB
实训源码/images/heisi4.jpg 174.29KB
实训源码/images/home.png 1004B
实训源码/images/home_act.png 1.01KB
实训源码/images/menu.png 949B
实训源码/images/menu_act.png 1.05KB
实训源码/images/mine.png 1.42KB
实训源码/images/mine_act.png 1.47KB
实训源码/images/search.png 504B
实训源码/images/shopping1.png 4.35KB
实训源码/images/shopping2.png 4.42KB
实训源码/images/shopping3.png 2.64KB
实训源码/images/shopping4.png 2.76KB
实训源码/images/shopping5.png 4.67KB
实训源码/images/shopping6.png 4.87KB
实训源码/images/shopping7.png 8.74KB
实训源码/images/shopping8.png 8.54KB
实训源码/pages/
实训源码/pages/cart/
实训源码/pages/cart/cart.js 827B
实训源码/pages/cart/cart.json 29B
实训源码/pages/cart/cart.wxml 323B
实训源码/pages/cart/cart.wxss 462B
实训源码/pages/home/
实训源码/pages/home/home.js 1.59KB
实训源码/pages/home/home.json 29B
实训源码/pages/home/home.wxml 1.21KB
实训源码/pages/home/home.wxss 656B
实训源码/pages/memu/
实训源码/pages/memu/menu.js 1.46KB
实训源码/pages/memu/menu.json 29B
实训源码/pages/memu/menu.wxml 1.13KB
实训源码/pages/memu/menu.wxss 1.4KB
实训源码/pages/mine/
实训源码/pages/mine/mine.js 830B
实训源码/pages/mine/mine.json 61B
实训源码/pages/mine/mine.wxml 201B
实训源码/pages/mine/mine.wxss 416B
实训源码/pages/search/
实训源码/pages/search/search.js 822B
实训源码/pages/search/search.json 74B
实训源码/pages/search/search.wxml 245B
实训源码/pages/search/search.wxss 321B
实训源码/project.config.json 556B
实训源码/project.private.config.json 341B
实训源码/sitemap.json 191B
实训源码/utils/
实训源码/utils/util.js 460B
梁涛.docx 3.38MB