理解项目开发(寺庙小程序)

转载自:历经一年,开发一个寺庙小程序! (qq.com)

破防了!为方丈开发一款纪念小程序! (qq.com) 

 下面内容转载自:程序员5K为青岛啤酒节开发个点餐系统! (qq.com)

 

看一个人如何完成一个项目的开发

一,项目开发过程

正常的商单开发,先和客户进行需求的沟通,然后根据用户的需求进行原型设计,并进行UI设计,用户感觉UI没问题后,可以直接进行代码开发,最后经过测试、上线。

理解项目开发(寺庙小程序)_第1张图片

理解项目开发(寺庙小程序)_第2张图片 

二,开发工具介绍

原型工具

采用Axure,用墨刀也可以。

理解项目开发(寺庙小程序)_第3张图片

UI设计方面

,前面也有很多广告商找我推了一些工具,都非常不错,我选择用即时设计:

理解项目开发(寺庙小程序)_第4张图片

思维导图

方面采用Xmind:

理解项目开发(寺庙小程序)_第5张图片

后端开发

工具Idea:

理解项目开发(寺庙小程序)_第6张图片

后台:

(简单商城小程序的例子)

理解项目开发(寺庙小程序)_第7张图片

理解项目开发(寺庙小程序)_第8张图片

理解项目开发(寺庙小程序)_第9张图片

理解项目开发(寺庙小程序)_第10张图片

理解项目开发(寺庙小程序)_第11张图片

前端开发

工具WebStorm:

理解项目开发(寺庙小程序)_第12张图片

数据库管理

工具Navicat:

理解项目开发(寺庙小程序)_第13张图片

三,详细流程

一,需求梳理

通常我和客户疏通需求,采用xmind,我们首先会通电话 ,我会将他的意思进行细分、精分,再以程序员专业的角度去划分。例如,首先划分不同的权限用户,然后再写功能。

理解项目开发(寺庙小程序)_第14张图片

二,原型设计

原型设计开始我也不会,也是后来学的,发现太重要了。原型设计是交互设计师和UI设计师、开发沟通最好的工具。

它提供了初步的样式和整体的业务逻辑。

有很多不错的原型设计工具,例如Axure、墨刀、即时设计等。

我用的是Axure。

三,UI设计

UI设计基本上是在原型设计的基础上 ,进行进一步的美化设计。

经过UI设计之后,做出来的效果就比较好了。

理解项目开发(寺庙小程序)_第15张图片

理解项目开发(寺庙小程序)_第16张图片

理解项目开发(寺庙小程序)_第17张图片

理解项目开发(寺庙小程序)_第18张图片

理解项目开发(寺庙小程序)_第19张图片

理解项目开发(寺庙小程序)_第20张图片

四,软件开发

软件开发的业务逻辑按照原型设计来;

软件开发写界面完全按照UI来,通常很多UI设计的素材也会给到开发人员。

当然有的时候UI设计的样式比较难做,会和客户或者UI进行沟通。

具体的码代码,包括小程序、前端、后端、数据库。

理解项目开发(寺庙小程序)_第21张图片

搞完项目后,还要进行bug的测试。

不过我们都是小公司,基本开发自己测试了,谁开发谁测试

五,项目上线,客户反馈

很多时候,上线后客户都会不满意,甚至喷程序员。

哎,做程序员不仅要有bug的痛苦,还要有面对客户的强大心理。

那就改吧。

理解项目开发(寺庙小程序)_第22张图片

只要能做到以上就可以开一家科技公司——开发独立项目了。

四,部分演示

项目还没有正式上线,很多审核的手续还在办理。

理解项目开发(寺庙小程序)_第23张图片

理解项目开发(寺庙小程序)_第24张图片

总体的功能比较复杂,很多模块、字段都是在后台可以配置的。

每个客户的需求都不一样,我们尽量去满足,例如有一些事业单位的领导就喜欢大屏:

理解项目开发(寺庙小程序)_第25张图片

 理解项目开发(寺庙小程序)_第26张图片

 五、项目介绍

权限用户方面做了6个;

终端包括Web、小程序、安卓等。

理解项目开发(寺庙小程序)_第27张图片

一,系统的技术栈

spring boot + jpa + mysql+vue+uniapp

代码结构:

理解项目开发(寺庙小程序)_第28张图片

Aop:操作日志,角色权限验证的逻辑

Controller:接口代码

Init:程序启动的一些初始化代码

Interceptor:登录状态拦截器

Model:对像类

McvConfig:一些跨域配置等

Plugins:插件类

Push:websocket类

Task:定时任务

Utils:工具类

二,系统演示

看下系统的页面演示,包括小程序端+web+APP。

小程序端:

理解项目开发(寺庙小程序)_第29张图片

Web端:

理解项目开发(寺庙小程序)_第30张图片理解项目开发(寺庙小程序)_第31张图片理解项目开发(寺庙小程序)_第32张图片理解项目开发(寺庙小程序)_第33张图片理解项目开发(寺庙小程序)_第34张图片

分店经理:

理解项目开发(寺庙小程序)_第35张图片理解项目开发(寺庙小程序)_第36张图片

财务管理:

理解项目开发(寺庙小程序)_第37张图片理解项目开发(寺庙小程序)_第38张图片

服务员管理:

理解项目开发(寺庙小程序)_第39张图片

厨师管理:

理解项目开发(寺庙小程序)_第40张图片

App端:

理解项目开发(寺庙小程序)_第41张图片

当然还要搞一下文档:

理解项目开发(寺庙小程序)_第42张图片

你可能感兴趣的:(小程序)