APP项目讲解

tangyu520leihua

于 2023-03-14 20:48:10 发布

阅读量325

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/tangyu520lehua/article/details/128011601

版权

1.git应用——简单应用

git是一个版本管理工具，常用于开发合作代码管理器
本地要先安装一个git应用:
- 下载地址：https://git-scm.com/download/win
- 下载下来的安装包，一步一步执行即可，不要去选择位置
- 来到任何一个文件中右键，选择git bash here
- 会弹出一个Linux命令框，就说明git安装成功
可以安装可视化工具:TortoiseGit
在开发系统的时候，一般git库有两种
- 使用人家的系统：gitee -> https://gitee.com/
  - 首先注册账号，在注册账号的时候一定要记住自己注册邮箱号码，git是以邮箱地址为主

2.新建仓库——因为git是用来管理开发代码的一个地方，也就是存储代码的地方

	+ 1.必须先登录
	+ 2.gitee网站的右上角，选择加号+
	+ 3.点击更新仓库按钮进入新建仓库页面
	+ 4.输入仓库名字——最好不要有中文字符，仓库名字一般是英文单词加中划线（）
	+ 5、输入仓库描述
	+ 6、勾选初始化仓库
		+ 语言——javascript
		+ 添加  .gitignore 添加忽略文件 -> 表示在这个文件里边写的文件在上传的时候不需要上传到git仓库中
		+ 添加开源许可证 -> 如果项目不开源，那么直接选择ISC标准，开源一般都是选择MIT
	+ 7、 设置模板 -- 一般就把README勾选上，因为项目的readme是git库一进来就会看见的文件，也是一个项目的基本描述文件
	+ 8、选择分支模型 -- 一般初始化的时候，就默认的master分支
	+ 9、点击创建按钮即可
	+ 这里新建的仓库，它在远程服务器上，我们要对项目进行开发，那么还需要把代码下载到本地才行
	![在这里插入图片描述](https://img-blog.csdnimg.cn/5697824e4d824b419197c7b3851d6938.png)

3.下载项目到本地

+ 	1、gitee网站的最后一个按钮，就是名字按钮
+ 2、选择下拉框中的设置选项，点击按钮进入设置页面
+ 3、如果没有设置我们主邮箱，必须设置邮箱
+ 4、在主邮箱管理页面中的主邮箱一定不能勾选不公开我的邮箱地址
+ 5、在个人设置界面的左侧菜单栏中的安全设置模块找到SSH公钥(非对称加密的公钥)选项，然后进入SSH公钥配置界面
+ 6、在这个界面中有一个公钥菜单，点击怎样生成公钥链接
+ 7、在帮助界面复制代码：ssh-keygen -t ed25519 -C "xxxxx@xxxxx.com"，把xxxxx@xxxxx.com替换为你刚刚设置并且认证成功的主邮箱地址
+ 8、来到系统中，按下键盘上的徽标键，直接输入cmd字符，然后选择以管理员身份运行
+ 9、把刚刚复制并修改好的命令黏贴进来，回车 -> 输入y -> 一直回车到结束
+ 10、在执行结果中可以找到这样的提示语：Your identification has been saved in C:\Users\17676/.ssh/id_ed25519.
+ 11、复制提示语中的地址： C:\Users\17676/.ssh 在文件地址中黏贴进入这个地址
+ 12、可以看见一个xxxxx.pub文件，这个文件就是我们的公钥，这里可以使用文本编辑器打开，执行Ctrl + A选中，使用Ctrl + C复制
+ 13、来到配置公钥页面，在公钥输入框中黏贴刚刚复制的内容即可--标题一定不要去输入
+ 14、点击确定即可

4.然后重新进入项目：一般在gitee网站的【我的】下拉框

+ 1、点击克隆/下载按钮
+ 2、选择SSH复制
+ 3、来到要把项目下载到的文件夹中右键选择git bash here按钮打开git命令工具，把复制的命令黏贴进去
+ 4、在代码前加git命令：git clone 
+ 5、下载项目以后就可以进行开发

5.开发管理

+ 1、可以把不需要上传的文件或则是目录 -- .gitignore文件中编写
+ 2、项目开发好以后，要上传到git服务
	+ a、打开git命令行并且要进入到项目中去  cd pangu-system
	+ b、把修改后的代码添加到本地git仓库中：git add .
	+ c、提交添加的文件到本地仓库：git commit -m '粟德明第一次提交'
	+ d、把提交到本地仓库的文件推送到远程的git仓库：git push 如果提示信息有错误，那么就没有提交成功

6.版本管理

git pull 拉取最新的git仓库数据
在开发的时候，一般不允许在master、release、test、future(一般是产品或则业务或则技术经理)上边进行开发，开发只有一个dev分支
一般clone下来的代码都在master分支上，所以需要执行命令进行分支检出
- git checkout dev0.0.1672
因为git库是开源的，所以很多公司会去下载开源码，然后自己在服务器上进行私有git库搭建，但是用法和gitee用法一致，甚至和github用法也一样

项目开发流程图

在这里插入图片描述

APP项目

1.项目搭建分析

目的：实现一个采购系统的APP项目
材料准备：
- 开发标准——开发写代码的标准，比如命名规则等
- 业务文档——是一个word文档（小公司没有）
- UI图——PNG高保真图（1080P 720P）、蓝湖系统的网站地址、UI给得HTML页面
- 接口文档——excel、word文档、swagger
  - 如果是swagger文档，如果后端给的地址是http://localhost(127.0.0.1):28000 像这样的地址，要找后端要对应服务器的地址

2.项目搭建

使用vite脚手架创建项目 yarn create vite
修改文件打到项目初始化的样子
安装依赖 yarn install
把创建好的项目文件推送gitee库
- git add .
- git commit -m’提交初始化项目’
- git push
我们项目是SPA当页应用，页面跳转使用三方库vue-router
搭建路由
- a、安装路由 yarn add vue-router crypto-js
- b、实例化路由
  - b1、指定路由模式：hash–hashchang事件/history–ServiceWorker线程
  - b2、配置路由：routes属性 – 重定向、404、meta、name、动态路由(/:id)
- c、全局拦截
  - beforeEach – 是用户登录时的token标识，如果页面需要登录以后才能进入，那么通过store中的token来认证
  - d、导出router实例并注入全局App中
  - e、在全局挂载的组件中进行router-view组件注入，这样路由组件才会被渲染出来