项目流程-CSDN博客

本文链接：https://blog.csdn.net/qq_45271323/article/details/105214985

在这里插入图片描述
1.需求评估：由产品经理，研发工程师
2.文档编写：
3.创建数据库
4.规定开发规范
5.前后端分离开发
6.撸代码
7.自测
8.WIKI更新
9.功能提测
10.上线

给产品经理， 拿到项目 生成需求文档
评审进行需求审核，如果不通过就不做，靠谱就进行，
需求文档给前端组老大， 前端组老大给个工作周期的估期，
自己也前端组老大协商工作周期
并行后端同理 估计。
协调前后端，定前后端一起开发周期，
正式进行开发流程， 前端找后端定接口，（接口格式）
前端模拟接口数据，自己开发，后端写接口。
前后端开发完成 进行联调
联调成功 提交测试人员进行测试，
测试BUG，反馈前后端，改BUG
提交测试，验证BUG是否处理
上线，线上测试。

项目开发过程

demo期：项目的雏形（核心功能实现 / ui不美观 / bug）/路演
优化期：改bug/需求/页面
上线
迭代期：该页面/需求/版本迭代/添加活动

前台:

用户使用，通过ajax获取数据，渲染界面

后台：

工作人员使用，通过Ajax接口将数据添加到数据库

api

后台的开发者来实现

必备：

1.api接口 / 数据
2.需求 / 功能需求
3.ui设计图 / 样子

sass、less和stylus的区别

	CSS预处理器是一种语言，用来增加一些编程的特性，无需考虑浏览器的兼容性问题，例如，我们可以在CSS中使用变量，简单的程序逻辑、函数等在编程语言中的一些技巧，可以让CSS更加简洁，适应性强，代码更加直观等好处

区别：扩展名不同：Sass是使用.scss作为扩展名，Less是.less ，stylus是.styl
	 变量：Sass变量必须是以开头 ，
	 	  Less是以@开头，
	 	  stylus对变量没有任何设定，可以是开头，而且与变量之间可以用冒号，空格隔开，是在stylus中不能用@开头
	 嵌套： Sass和Less是以花括号的形式，
	 	   Stylus可以和他们一样，也可以缩进，可以不需要冒号分号 ，以空格隔开

			less底层是js进行编译的      
			sass底层是ruby进行编译的  （node-sass sass-loader）
			命名空间可以避免一些冲突问题的产生：
			.home{
				.home-header{}
			    .home-content{}
			}

<style lang="scss" scoped></style>

开发项目流程

		产品立项
		产品原型
		项目开发
		项目测试
		项目上线

产品立项

		客户的需求分析
		整理需求文档
		项目成立会

产品原型

		设计产品原型图
		UI设计--PS/AI工具

项目需求分析
项目周期评估
项目责任划分

前端
		静态页面制作
		前端框架选择
		前端页面架构
后端
		数据库开发
		API接口文档
		API接口实现

开发测试

		单元测试
		E2E测试

灰度测试

		功能测试
		压力测试
		服务器测试
		用例测试

线上测试
	
		指定群体测试
		反馈收集
		版本迭代

项目上线

		打包前端模块
		远程服务器部署
		监控异常

多人协作开发
在这里插入图片描述

初始化项目

		静态布局demo
		数据接口api
		vue脚手架搭建
		创建远程仓库

划分组件与页面

		components(header.tabber等等)
		views(公共页面)

数据对接

		反向代理
		axios
		数据渲染
		优化性能

模块开发
		
		（city/search/detail/定位/滚动优化/loading）

项目部署

		阿里云服务器
		nginx
		pm2

后端开发

		node.js
		express
		mongodb

拥护接口

		login/register/logoout/verify

邮箱验证

	nodemailer模块
		开启smtp:simple message transfer protocol 简单邮件传输协议

关于喵喵电影

		http://www.h5yjy.com
		http://39.97.33.178
		正在热映
		http://39.97.33.178/api/movieOnInfoList?cityId=10
		即将上映
		http://39.97.33.178/api/movieComingList?cityId=10
		搜索
		http://39.97.33.178/api/searchList?cityId=10&kw=a
		城市
		http://39.97.33.178/api/cityList
		电影详情
		http://39.97.33.178/api/detailmovie?movieId=345808
		影院
		http://39.97.33.178/api/cinemaList?cityId=10
		城市定位
		http://39.97.33.178/api/getLocation