【享+生活小程序】day02 需求分析 / 项目架构

97 阅读1分钟

成果展示

1 需求分析

1.1 交互设计 & 数据流向

image.png

1.2 UI分析 & 组件库选择

查看Axure原型图UI设计稿,分析不同界面的布局、组件和元素,认为该项目可以基于Vant Weapp组件库进行搭建。 image.png image.png image.png image.png

image.png

1.3 软件设计思路

image.png

2 项目架构

2.1 Git拉取静态页面代码

image.png

2.2 配置开发工具及相关插件

image.png image.png image.png

image.png

2.3 熟悉项目中已有的代码并启动运行项目

image.png

2.4 完成通用工具方法的封装

2.4.1 消息反馈模块

image.png

image.png image.png

image.png

2.4.2 网络请求模块

image.png

2.5 实现对公告数据的请求及渲染

image.png

问题解决

1 Git学习

  • 下载远程仓库 git clone xxx
  • 查看分支 git branch
  • 创建分支 git branch xxx
  • 重命名分支(-m old new) git branch -m template main
  • 切换分支 git checkout xxx 54372c735a691e677da7a64e38f23c4.png

2 wechat-http

解决:工具 → 构建npm image.png

参考