qqkj
5 years ago
1 changed files with 184 additions and 2 deletions
-
186README.md
@ -1,3 +1,185 @@ |
|||
# xm-ui-web |
|||
# To start |
|||
|
|||
唛盟云项目管理系统pc前端页面工程 |
|||
这是一个项目管理系统项目，满足大中型it项目的全生命周期管理,包括项目立项、项目预算、项目计划、项目测试、任务管理、迭代管理、产品管理、用户故事管理、团队管理、文档管理、环境管理等，由广州擎勤网络科技有限公司研发。 |
|||
|
|||
|
|||
|
|||
` 前端` |
|||
|
|||
# 前端开发工具 |
|||
node.js、webpacck、npm、eclipse、svn、安卓、ios等 |
|||
|
|||
# 前端ui-pc端 |
|||
vue.js、element-ui、axios |
|||
|
|||
# 前端ui-手机端 |
|||
vue.js、vux、weui、weex |
|||
|
|||
# 前端ui-微信公众号端 |
|||
vue.js、vux |
|||
|
|||
# 前端ui-微信小程序 |
|||
微信开发工具 |
|||
|
|||
|
|||
# 前端文件结构 |
|||
* build - webpack config files |
|||
* config - webpack config files |
|||
* dist - build |
|||
* src -your app |
|||
* api |
|||
* assets |
|||
* common |
|||
* components - your vue components |
|||
* mock |
|||
* styles |
|||
* views - your pages |
|||
* vuex |
|||
* App.vue |
|||
* main.js - main file |
|||
* routes.js |
|||
* static - static assets |
|||
|
|||
# 前端web开发工具安装步骤 首次安装执行 1-6，添加工程执行 7-12 |
|||
## 1 安装node.js 从网络下载最新稳定版本 |
|||
node-v8.9.1-x64 |
|||
|
|||
## 2 安装 npm |
|||
npm install npm@latest -g |
|||
|
|||
## 3 设置淘宝镜像及安装淘宝镜像命令cnpm （如有必要） |
|||
npm config set registry https://registry.npm.taobao.org |
|||
|
|||
npm install -g cnpm --registry=https://registry.npm.taobao.org |
|||
|
|||
## 4 通过镜像下载 node-sass（如有必要） |
|||
cnpm install --save-dev node-sass |
|||
|
|||
## 5 安装vue 命令行工具 （如有必要） |
|||
npm install -g vue-cli |
|||
|
|||
## 6 设置eclipse 关联 .vue文件 |
|||
Window -> Preferences -> General -> Editors -> File Associations -> Add -> *.vue -> Add -> HTML Editor / JS Editor / CSS Editor |
|||
|
|||
## 7 用eclipse 从svn下载工程项目 |
|||
svn地址 http://203.195.131.73:8085/svn/ |
|||
如工程 mdp-arc-web |
|||
|
|||
## 8 进入工程 目录 （假设工程在 D:\workspace\mdp-arc-web） |
|||
cd /D D:\workspace\mdp-arc-web |
|||
|
|||
## 9 安装工程依赖包 |
|||
D:\workspace\mdp-arc-web > npm install |
|||
|
|||
## 10 开发调试工程 |
|||
npm dev |
|||
|
|||
## 11 编译 |
|||
npm build |
|||
|
|||
## 12 拷贝编译后文件到后台工程（用于与后台工程一起打成jar包发布）（如有必要） |
|||
npm copyToStatic |
|||
|
|||
|
|||
|
|||
`服务端` |
|||
# 服务端开发工具 |
|||
jdk8、eclipse oxygen、svn、maven、oracle |
|||
|
|||
# 服务端编程框架 |
|||
spring boot 1.5、spring mvc 4、spring cloud 1.5、spring security 4、logback 1、mybatis 3、thymeleaf 3 |
|||
|
|||
# 服务端安装开发工具步骤 首次安装执行 1-3,开发打包部署执行4-5 |
|||
## 1 安装开发工具 |
|||
### 1.0 安装jdk8, elcipse oxygen, svn 官网下载64位版本 |
|||
jdk-8u121-windows-x64 |
|||
eclipse-jee-oxygen-3-win32-x86_64 |
|||
TortoiseSVN-1.9.7.27907-x64 |
|||
|
|||
### 1.1 配置eclipse运行内存 |
|||
在eclipse.ini中添加下面几个参数 |
|||
-Xms512m |
|||
-Xmx1024m |
|||
|
|||
### 1.2 从eclipse marketplace 下载版本控制插件工具svn |
|||
eclipse -> help -> Eclipse marketplace,搜索svn，安装subclipse4.2.3 |
|||
|
|||
#### 1.2.1 设置eclipse svn 忽略的文件规则 */logs/* */target/* */node_modules/* |
|||
Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */logs/* |
|||
Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */target/* |
|||
Window -> Preferences -> Team -> Ignored Resource -> Add pattern -> */node_modules/* |
|||
|
|||
### 1.3 设置eclipse工程编码为utf-8 |
|||
Window -> Preferences -> General -> Content Types -> java Archive / java class path / Text -> utf-8 |
|||
Window -> Preferences -> General -> Workspace -> Text file encoding / UTF-8 |
|||
|
|||
### 1.4 设置eclipse jdk |
|||
Window -> Preferences -> Java -> Installed JREs -> 选择一条 -> Edit -> C:\Program Files\Java\jdk1.8.0_121(假设jdk安装目录，注意不是jre目录) |
|||
|
|||
### 1.5 设置eclipse 检查项，提升编译速度 |
|||
Window -> Preferences -> Validation -> 找到build列 -> 只保留 Classpath Dependance Validator 选中状态 |
|||
|
|||
## 2 下载代码生成器mdp-dev |
|||
### 2.0 从svn下载mdp-dev工程，mdp自研发的开发工具 |
|||
svn 地址为 http://203.195.131.73:8085/svn/mdp/trunk/mdp-dev |
|||
|
|||
### 2.1 使用mdp-dev生成crud代码（开发业务功能时使用，先设计表结构，再生成代码） |
|||
使用/mdp-dev/src/test/java/com/qqkj/mdp/dev/TestCodegenService.java 进行代码生成 |
|||
|
|||
## 3 maven 设置 |
|||
### 3.0 设置maven私服 用户密码 |
|||
将/mdp-dev/settings.xml拷贝到 C:\Users\Administrator\.m2目录下 |
|||
|
|||
### 3.1 安装本地jar包到私服（如果有本地jar包，目前有orcale的驱动包已经安装） |
|||
私服登录地址 http://203.195.131.73:8081/nexus 用户名、密码 admin/admin123 |
|||
|
|||
## 4 应用项目开发 |
|||
### 4.0 从svn下载应用工程项目 |
|||
svn 地址为 http://203.195.131.73:8085/svn/应用产品对应目录 |
|||
|
|||
### 4.1 从mven私服下载依赖jar包 |
|||
在 Eclipse 工程目录鼠标右键 -> Maven -> Update Project |
|||
|
|||
### 4.2 运行工程项目 |
|||
在src/main/java 中找到 ***Application。java -> 鼠标右键 -> Run as -> Java Application |
|||
或者 |
|||
在src/test/java 中找到 ***Application。java -> 鼠标右键 -> Run as -> Java Application |
|||
|
|||
## 5 打包部署 |
|||
### 5.0 工程打jar包 |
|||
在 Eclipse 工程目录鼠标右键 -> Run as -> Maven Install |
|||
|
|||
### 5.1 将打包好的jar包上传maven私服 |
|||
在 Eclipse 工程目录鼠标右键 -> Run as -> Maven Buil -> deploy |
|||
|
|||
|
|||
|
|||
|
|||
``` bash |
|||
# install dependencies |
|||
cnpm install |
|||
|
|||
# serve with hot reload at localhost:8081 |
|||
cnpm run dev |
|||
|
|||
# build for production with minification |
|||
cnpm run build |
|||
|
|||
``` |
|||
|
|||
|
|||
` 其它一些常用命令 ` |
|||
# 清除缓存 |
|||
npm cache clean --force |
|||
|
|||
# npm国内代理镜像服务器 镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: |
|||
npm config set registry https://registry.npm.taobao.org |
|||
npm info underscore （如果上面配置正确这个命令会有字符串response） |
|||
|
|||
|
|||
# Browser support |
|||
|
|||
Modern browsers and IE 10+. |
|||
|
|||
# License |
|||
[MIT](http://opensource.org/licenses/MIT) |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue