jasonhan803 / projectManage

基于Vue.js实现的项目管理系统

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-projectManage

基于Vue.js实现的项目管理系统

需要配合后端接口使用,链接:https://github.com/a54552239/projectManageApi

有不明白的地方的可以加群:275264059,或者联系我,QQ:545522390

演示地址

https://project.vilson.xyz

登陆

账号:admin 密码:123456

界面截图

1 1 1 1 1 1 1 1

完整部署步骤

需要环境:php 5.6或者以上版本,mysql 5.6
  • 可以直接下载phpstudy部署环境
  1. 下载后端接口,解压到网站目录 1
  2. 安装依赖
    1. 进入项目目录
    2. 方式一:Composer 1 1 1
    3. 方式二:下载vendor.zip,直接解压到项目根目录,覆盖原有的vender文件夹
  3. 将data目录下面的最新版本的sql文件(project_sql.sql)导入数据库
  4. 修改config目录下的dbs.php文件,配置数据库信息
  5. 访问项目,如:http://localhost/ApiForProjectManage/public 出现如下提示则表示部署成功 1
  6. 下载前端项目 1
  7. 安装node.js
    1. 地址:http://nodejs.cn/download/ 根据情况选择版本
    2. 安装npm淘宝镜像
      1. 运行cmd
      2. 输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
  8. 安装项目
    1. 进入项目目录,运行cmd 1
    2. 安装依赖:cnpm install 1
    3. 启动项目:npm run dev 1
  9. 打包项目(有必要的话)
    1. 修改/src/assets/js/config.js,修改PRO_URL地址 1
    2. 修改config/index.js,将assetsPublicPath 值改为‘/’。如果有CDN的话改为CDN地址 1
    3. 运行cmd,输入 npm run build
    4. 运行dist目录下的index.html,或者将dist目录下的文件部署到服务器上
  10. 部署消息推送
    1. 推送项目内成员的操作动态 1
    2. 进入后端接口目录
    3. 修改
      src\App\Plugins\GateWayWorker\start_register.php
      src\App\Plugins\GateWayWorker\start_gateway.php
      src\App\Plugins\GateWayWorker\start_businessworker.php
      src\App\Plugins\MessageService.php
    4. 将以上4个文件中的ip地址修改为内网ip地址
    5. Windows环境下,直接运行gate_start_for_win.bat文件 1
    6. Linux环境下,运行 bash start.sh 启动服务,运行 bash stop.sh 终止服务
    7. 进入前端目录
    8. 修改 src/components/socket.vue,将initWebSocket 函数内的ws地址修改为相应的ip地址。如果使用wss,不能写ip需要写域名
      1
    9. 注意服务器要放行对应的端口(默认2345、2346)
    10. 部署成功 1
  11. 使用七牛云存储
    1. 进入后端目录 ./config/constant.php
    2. 将USE_QINIU的值修改为true
    3. 将APP_URL的值修改为网站地址
    4. 进入后端目录 ./config/app.php
    5. 将Qiniu需改改为对应的值

About

基于Vue.js实现的项目管理系统

License:Apache License 2.0


Languages

Language:Vue 80.1%Language:CSS 10.9%Language:JavaScript 9.0%Language:HTML 0.0%