venture management

Полный проект, включая vuejs и nodejs.

Проект Vue.js для vue.js и node.js, связанный с vuex,vue-router,express4,sequelize,stylus,axios и т. д.

Описание проекта

Система управления рисками — это проект, разработанный в свободное время. Это простой проект начального уровня. Говорят, что она проста, потому что реализованные страницы и функции просты, но это не означает, что используемая технология проста (для младших интерфейсов).

В проекте использовано большинство технических моментов vue и element-ui, которые могут стать справочником для детей, изучающих vue. Конечно, поскольку этот проект также является полнофункциональным проектом, он также является хорошим справочным шаблоном для некоторых внешних пользователей, которые хотят изучить Node. В проекте также есть некоторые токены шифрования и другие вещи, которые будут использоваться в реальных онлайн-проектах. , и каждый также может извлечь из этого урок.

Поскольку этот проект представляет собой комплексный проект, перед запуском сервера узла вам необходимо установить базу данных mysql и изменить элементы конфигурации базы данных в config/index.js. Это необходимо отметить. Если у вас возникнут вопросы или вы обнаружите ошибки проекта в процессе установки, вы можете задавать мне вопросы в проблемах, и я постараюсь на них ответить.

Эффективная ленивость — хорошее качество программиста. Надеюсь, этот проект поможет каждому!

стек технологий

• Фронтальная технология

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

• Бэкэнд-технологии

node.js + express4 + сеанс + секвелизация + 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

Рисунок 2

Рисунок 3

Рисунок 4

Эксплуатация проекта

 # 安装依赖
npm install

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

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