Giter VIP home page Giter VIP logo

venture-management's Introduction

一个包含vuejs和nodejs的全栈项目

A Vue.js project for vue.js and node.js,related to vuex,vue-router,express4,sequelize,stylus,axios,etc .

项目说明

风险管理系统是我业余时间开发的项目,是一个简单的入门级项目。说简单是因为实现的页面和功能简单,不代表用的技术简单(对于初级前端来说)。

项目里用到了vue和element-ui的大部分技术点,可以给学习vue的童鞋一个参考。当然由于这个项目也是全栈项目,所以对于一些想学习node的前端来说,也是 一个不错的参考范本,项目里也有一些加密token等真实上线项目中会用到的东西,大家也可以借鉴。

由于本项目是全栈项目,所以在启动node服务器之前,需要安装mysql数据库,并对config/index.js中的数据库配置项进行修改,这点需要注意。如果安装过程中有疑问或者 发现项目bug的话,可以在issues里向我提问,我会尽力解答。

有效的进行偷懒,是程序员的优良品质。希望该项目能帮助到大家!

技术栈

  • 前端技术

vue2 + vuex + vue-router + webpack + ES6/7 + axios + stylus + element-ui

  • 后端技术

node.js + express4 + session + sequelize + mysql + lodash.js + bcrypt + jwt

实现功能

  • 登陆 -- 完成
  • 注册 -- 完成
  • 项目/额度条件查询 -- 完成
  • 列表展示及分页 -- 完成
  • 添加/修改项目 -- 完成
  • 额度详情页 -- 完成
  • 用户注销 -- 完成
  • 登出 -- 完成

目录结构介绍

|-- build                            // webpack配置文件
|-- config                           // 项目打包路径
|-- screenshots                      // 效果图截屏
|-- server                           // express后端,用于提供Api
|-- src                              // 源码目录
|   |-- assets                       // 资源文件
|   |-- components                   // 公共组件
|   |-- fetch                        // 接口定义与配置
|   |-- pages                        // 相关页面
|   |-- router                       // 路由配置
|   |-- vuex                         // 状态管理
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件,加载各种公共组件
|-- static                           // 静态资源文件
|-- .babelrc                         // ES6语法编译配置
|-- .editorconfig                    // 代码编写规格
|-- .gitignore                       // git忽略的文件
|-- .postcssrc.js                    // post-loader的插件配置文件
|-- .favicon.ico                     // 网站logo图标
|-- index.html                       // 入口html文件
|-- package.json                     // 项目及工具的依赖配置文件
|-- server.js                        // node server入口文件
|-- README.md                        // 说明

效果演示

图1

image

图2

image

图3

image

图4

image

项目运行

# 安装依赖
npm install

# 启动vue前端项目(http://localhost:8080/...)
npm run dev

# 启动node后端项目(http://localhost:8081/...)
npm run start

venture-management's People

Contributors

flyfox11 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

venture-management's Issues

关于login

您好!我注册的提示control_user这个表不存在,mysql连接是正常的,请问是什么原因呢???

提示代码如下:

提示

ER_NO_SUCH_TABLE: Table 'loan-dev.control_user' doesn't exist

跑不起来

您好,大佬,是这样的,我现在运行起来了,但是没有数据库,她就报错了,不可以登录注册,所以提供一下数据库吗

关于存读token的问题

我看您在后端接收到请求的时候派发给前端一个token,但是后端并没有进行任何存储,而在下次请求的时候jwt.verify直接读取出来,这是什么原理,从哪里读取出来的?我之前知道可以存储在数据库,session,或者redis中,而您的这种做法相比较有什么优劣势。假如是多用户的网站,给不同的用户下发token,也能这样来不存储token进行处理吗?

sql

大兄弟,我想学习一下,能不能看看sql的表结构啊

试了下, npm run start有错误;还有没有数据库信息把?

D:\WorkSpeaceGit\github\venture-management\server\controllers\user\index.js:10
init: async function (req, res) {
^^^^^^^^

SyntaxError: Unexpected token function
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (D:\WorkSpeaceGit\github\venture-management\server\routes\user\index.js:1:81)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: node server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

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.