使用thinkjs+vue+vuex全栈开发--周报企业管理系统weekly

weekly周报系统

周报系统主要是node+vue+redis+mysql+es6,一个企业管理系统,企业员工汇报每周工做状况,以及完成状况,各级负责人能够查看和提醒相应未写周报人员。
,后端彻底使用nodeJS,数据库使用mysql,基于nodejs的thinkjs框架搭建的,若是喜欢nodeJS写的后端,支持大前端,支持全栈开发,请请starfork项目。html

同步到sau交流学习社区:www.mwcxs.top/page/461前端

系统演示地址为: 周报线上地址
(公司负责人)帐号:testadmin,密码:123456
(部门经理)帐号:test,密码:123456
(成员)帐号:teststaff,密码:123456

    若有使用问题请留言。vue

    公告:

    1.不要删除默认的帐号,以及相关东西
    2.本身能够新建帐号来测试,玩耍
    3.每个公司(组织机构)都是独立,每个部门是独立,互不干扰
    4.若是有商务要求,能够对接我,邮箱: saucxs@163.com,新建本身公司(组织机构)统一管理。

      功能点:

      一、全部人周报提交修改;
      二、全部人周报自身周报历史查看;
      三、部门经理查看部门周报填写状况,增改部门人员;
      四、总监(或公司拥有者)查看和修改全部人的周报填写状况,增删改公司人员,增改公司部门;
      五、管理员权限,增删改公司总监,增删改部门人员,增删改公司部门,查看和编辑全部全部的周报,以及全部全部周报填写状况;

        1、技术栈

        ThinkJS( Node端框架) 官方网站
        Vue.js(客户端双向数据绑定框架) 官方网站

          2、版本功能

          [x] Element UInode

          [x] 登陆/注销mysql

          [x] 我的中心git

          [x] 修改用户信息es6

          [x] 修改密码github

          [x] mysqlweb

          [x] 写周报redis

          [x] 我的历史周报

          [x] 部门人员管理

          [x] 部门周报状况

          [x] 公司的部门新建,修改,删除

              2018.09.18

              完成基本版本的功能

                2018.09.20部门经理权限优化

                左侧增长首页

                部门人员管理增长查询,可根据用户名,工号,公司名,部门名称,查询部门成员

                  2018.10.12

                  优化权限管理


                    3、系统截图

                    3.1 登陆页

                    image

                    3.2 成员页面

                    image

                    3.3 部门经理页面

                    image

                    3.4 总监页面

                    image

                    3.5 管理员页面

                    image

                    4、本地运行程序

                    一、首先你的环境是nodejs,不会安装配置参考:nodejs安装和环境配置(Windows)

                    二、clone下来项目

                    git clone https://github.com/saucxs/weekly.git
                    复制代码

                    三、分别针对前端vue的weekly-web的文件夹和node后端weekly-node,安装相应依赖

                    npm install
                    复制代码

                    四、安装redis(能够考虑安装RedisDesktopManager)

                    参考:安装window下的redis,redis可视化管理工具(Redis Desktop Manager)安装,基础使用,实例化项目

                    五、安装mysql,这个就不赘述

                    六、修改nodejs的后端的配置文件adapter.js,config.js这两个文件中

                    adapter.js
                    
                    exports.cache = {
                        type: 'redis',
                        common: {
                            timeout: 24 * 60 * 60 * 1000 // millisecond
                        },
                        redis: {
                            handle: redisCache,
                            host: '127.0.0.1',
                            port: 6379,
                            password: 'a123456'  //redis安装时候设置的秘密
                        }
                    };
                    //
                    //
                    exports.model = {
                      type: 'mysql',
                      common: {
                        logConnect: true,
                        logSql: true,
                        logger: msg => think.logger.info(msg)
                      },
                      mysql: {
                        handle: mysql,
                        database: 'weekly',
                        prefix: 'week_',
                        encoding: 'utf8',
                        host: '127.0.0.1',   //本地数据库
                        port: '3306',     //数据库端口
                        user: 'root',    //数据库的用户名
                        password: '123456',    //数据库该用户名的密码
                        dateStrings: true
                      }
                    };
                    复制代码

                    七、分别对先后端分离的项目启动

                    (1)前端vue的weekly-web的启动

                    npm run dev
                    复制代码

                    (2)和node后端weekly-node的启动

                    npm start
                    复制代码
                    相关文章
                    相关标签/搜索