微信小程序APP(商超营销类)经验总结

项目介绍

这是一款主打门店营销的小程序。包括首页、门店、营销、个人设置、登录、数据统计展示、营销设置等。

本来要独立完成整个项目,包括前后端一套的,有些意外因素,项目临时收尾(说明:只完成了前端的部分,后端未完成)。

管理大师们说过:一个好的项目,必须有一个好的收尾,好的收尾,就一定要有好的经验总结。

于是乎,我索性将成果拿出来给各位分享了,旨在总结经验教训,跟各位交流小程序开发。

整个项目23个独立页面(不算雷同的页面),从资料准备到开发完成,历史4.5个工作日,大约25小时。

今年多做的是Python与Java,霎时将思维切换至移动端页面开发,突然有些不适应,居然花费25个小时完成这些页面,心理深感惭愧,项目历程大体上主要是体力负担重一些,不过还好,借此机会三刷了CSS的教程,N刷了小程序文档。老祖宗说过,熟能生巧嘛!

点击跳转至本人个人主页

项目截图

截图1

截图2

截图3

项目经验总结

第一步 收集项目需求

收集任务
按照原型图,提取UI元素,上网找寻web UI组件。信息来源:文档3
根据UI元素提取组件/插件关键字及下载链接、组件demo、组件源码搜索引擎、 小程序开发文档、 文档1、文档2

第二步小程序知识储备

第二步:根据任务预备开发知识
知识点总结链接
小程序开发文档小程序官方文档
文档链接1Github 小程序开源组件库:
文档链接2Github 小程序开源组件库
文档链接3css教程
wxmlview、左右滑动、上下滑动、九宫格、复用
wxss上下排列、左右排列、均分、内边距、外边距、
js本地缓存、点击事件、渲染事件、网络请求
异步worker组件 多线程
chartechart小程序版介绍链接 备选方案 wx-chart
产品需求重要 饼图 重要 柱状图 重要 折线图 重要 延迟加载 重要 页面不阻塞滚动 重要 页面创建多图表
下拉选择重要 类似文字识别底部action-sheet
多类型listcitySelect 备选方案 wx-alphabetical-listview
https://github.com/zhongjie-chen/wx-scrollable-tab-view
下拉弹框menudown 备选方案: 下拉1 下拉2
左滑删除minapp-slider-left
图片预加载img-loader
请求队列管理库wx-promise-request
md5加密wxmd5
base64wxbase64
websocketweapp.socket.io
富文本wxparse
联动等常见样式youzan-ui
时间 日期选择器https://blog.csdn.net/m0_38082783/article/details/78921283

参考历史项目——商城小程序

参考历史项目是一款商城类小程序,复用、借鉴了部分面细节和样式设计

历时时长总结

拿到UI,制定开发计划预计1天 实际0.5天
纯页面开发预计7工作日 实际4工作日
小程序开发总时长4.5工作日,实际25小时
总结:23个页面,如果能全力开发,应该能缩短至20个小时左右完成。

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hikabkj&title=微信小程序APP(商超营销类)经验总结

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/370894.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

excel不显示0_Excel数字过长不能完整显示?超长数字变为0

Excel中计算规则和限制设定数值精确度为15位!超过15位后,数字会显示为0excel数字超过15位,会显示为0,超过10位,默认采用科学计数法显示1、如何解决超长数字输入,全部显示问题?(单元格…

Android天气预报设计

——嵌入式软件开发 名字功能模块代码行数备注谢灿辉Widget200桌面小程序李杨敏GPS定位,百度地图API100-150获取当前所在城市丁小芳城市选择Activity,天气API获取天气100-200包括数据库交互本软件是一个天气类应用软件,带有widget&#xff0c…

算法笔记_164:算法提高 最小方差生成树(Java)

目录 1 问题描述 2 解决方案 1 问题描述 问题描述给定带权无向图,求出一颗方差最小的生成树。输入格式输入多组测试数据。第一行为N,M,依次是点数和边数。接下来M行,每行三个整数U,V,W,代表连接U,V的边,和权值W。保证图…

layui数据表格(一:基础篇,数据展示、分页组件、表格内嵌表单和图片)

表格展示神器之一:layui表格 前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table、layui table、easyUI table等.... 博主个人比较倾向于layui&am…

算法设计与分析_算法设计与分析(第2版)第2章分治策略回顾

YI时间|外刊|MM-DFW|机器学习系列点击上方蓝字,关注给你写干货的松子茶分治策略是通用算法设计技术之一,很多有效的算法是它的特殊实现,顾名思义就是分而治之。一个问题能够用分治法求解的要素是问题能够按照某种方式分…

2017-2018-1 Java演绎法 第三周 作业

团队任务:团队展示与选题团队展示 队员学号及姓名 学号  姓名  主要负责工作  20162315  马军  日常统计,项目部分代码  20162316  刘诚昊  项目部分代码,代码质量测试  20162317  袁逸灏  组长 项目 主要 代码  201…

linux开机启动roscore,树莓派ubuntuMate系统中开机自启动ROS的launch文件

0x00 为何需要开机自启动launch文件在ROS开发后期阶段由于功能已经趋于稳定,因此就需要系统在一上电启动后就自动把ROS下的各节点程序加载运行,这样就省去了我们还得手动输入roslaunch命令来加载bringup的launch文件的操作。经过我的实际测试目前有两种方…

Oracle ADF移动世界! 你好!

您好,ADF Mobile,世界! 您可能已经知道... ADF Mobile在这里! 以下是一些链接,这些链接会让您有宾至如归的感觉。 ADF Mobile主页: http://www.oracle.com/technetwork/developer-tools/adf/overview/ad…

css 小知识点:inline/inline-block/line-height

inline: 此元素会被显示为内联元素,元素前后没有换行符。因此:无法设置宽度和高度~ inline-block: 行内块元素。元素前后没有换行符(CSS2.1 新增的值) 用通俗的话讲,就是不独占一行的块级元素。然后拥有…

协同过滤算法_机器学习 | 简介推荐场景中的协同过滤算法,以及SVD的使用

本文始发于个人公众号:TechFlow,原创不易,求个关注今天是机器学习专题的第29篇文章,我们来聊聊SVD在上古时期的推荐场景当中的应用。推荐的背后逻辑有没有思考过一个问题,当我们在淘宝或者是某东这类电商网站购物的时候…

JavaOne 2012:观察与印象

当我坐在旧金山国际机场等待登上飞机返回家中时,我一次又一次令人满意但累人的JavaOne(2012)体验,我正在开始写这篇特别的博客文章。 自上周日的主题演讲以来,在会议上疯狂地撰写了约30篇博客文章之后,很难…

用imspost制作catia后处理_新产品开发需要做原型验证,怎么样成型制作才省钱?...

有一天一个朋友拿着一个公仔机器人的项目过来找我,说做200套外壳,问我如何省成本用最少的钱做好产品。类似一下图片的机器人一样。组装起来高200mm左右,内外配件总共是62个。我当时看到产品小估算重量也很轻,就跟他说用3D打印有快…

如何把大段文字转为带html标签的文字

开发网页的时候,有时候会遇到大段的隐私声明,用户协议等等,我们呀要复制粘贴展示出来,必须加大量的p标签,h1,h2,空格符,br标签,这对我们来说无疑是泪崩的,有个很好的办法…

使用MongoDB进行事件流

MongoDB是一个非常出色的“ NoSQL”数据库,具有广泛的应用程序。 在SoftwareMill开发的一个项目中,我们将其用作复制的事件存储,然后将事件从事件流传输到其他组件。 介绍 基本思想非常简单(另请参阅Martin Fowler关于Event Sou…

c语言实训作业总结,c语言程序设计上机实践心得报告

c语言程序设计上机实践心得报告 班级:11 电信 2 姓名:莫金波 学号:1107032242012.12.28 惠州学院 HUIZHOU UNIVERSITY 我们专业的学生在专业老师的带领下进行了 c 语言设计基础教程的 实践学习。在这之前,我们已经对 c 语言这门课程学习了差不多一 个学期&#xff0…

JavaOne 2012:在JVM上诊断应用程序

值得参加Staffan Larsen (Oracle Java Serviceability Architect)的演讲“ 在JVM上诊断应用程序 ”(Hilton Plaza A / B),只是为了学习Oracle JVM 7随附的新jcmd命令行工具。该演示对我来说是“奖金”,这对…

文档词频矩阵_论文理解:从词嵌入到文档距离

论文作者简介本论文第一作者Matt J. Kusner是牛津大学的副教授,致力于设计适应现实世界问题需求的新机器学习模型(例如,fair algorithms, discrete generative models, document distances, privacy, dataset compression, budgeted learning…

c语言主调函数和被调函数,在C语言中,何为主调函数和被调函数,他们之 – 手机爱问...

2007-08-30请详细一些~最好举出例子你好。评价宝宝的标准基本上是:技能>资质>成长因为宝宝的评价是一项 仁者见仁的活儿,但其中有些规律我想是可以具体话的,希望能对你有帮助:1:技能:技能的意义有多大…

学习关于display :flex 布局问题!

很多人不明白这个display:flex是到底是什么东西,如何使用的 。 1.什么是display:flex呢? 答:flex是 flexible box的缩写,意为弹性布局 ;这个东西的引入,为盒模型提供了最大的灵活性&#xf…

note同步不及时 one_一辆理想ONE又“跪了”?理想官方紧急发文回应

汽车行业关注(autochat.com.cn)10月16日报道——10月15日,有网友在社交媒体上发布视频,从视频可以看到,一辆理想ONE在遭遇事故后,左前轮脱落在车外疑似断轴,从视频未能判定是断轴引起的事故,还是事故引起的断轴。针对该…