Code Monkey home page Code Monkey logo

projectmanage's Introduction

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需改改为对应的值

projectmanage's People

Contributors

a54552239 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.