venture management

Proyek tumpukan penuh termasuk vuejs dan nodejs

Proyek Vue.js untuk vue.js dan node.js, terkait dengan vuex,vue-router,express4,sequelize,stylus,axios,dll.

Deskripsi Proyek

Sistem manajemen risiko adalah proyek yang dikembangkan di waktu luang saya. Ini adalah proyek tingkat awal yang sederhana. Dikatakan sederhana karena halaman dan fungsi yang diterapkan sederhana, namun bukan berarti teknologi yang digunakan sederhana (untuk junior front-end).

Sebagian besar poin teknis vue dan elemen-ui digunakan dalam proyek ini, yang dapat menjadi referensi bagi anak-anak untuk mempelajari vue. Tentu saja, karena proyek ini juga merupakan proyek full-stack, ini juga merupakan templat referensi yang bagus untuk beberapa front-end yang ingin mempelajari node. Proyek ini juga memiliki beberapa token enkripsi dan hal-hal lain yang akan digunakan dalam proyek online nyata , dan semua orang juga dapat mengambil pelajaran darinya.

Karena proyek ini adalah proyek full-stack, sebelum memulai server node, Anda perlu menginstal database mysql dan mengubah item konfigurasi database di config/index.js. Jika Anda memiliki pertanyaan atau menemukan bug proyek selama proses instalasi, Anda dapat mengajukan pertanyaan kepada saya tentang masalah dan saya akan mencoba yang terbaik untuk menjawabnya.

Menjadi malas secara efektif adalah kualitas yang baik dari seorang programmer. Semoga proyek ini dapat membantu semua orang!

tumpukan teknologi

• Teknologi ujung depan

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

• Teknologi ujung belakang

node.js + express4 + sesi + sekuel + mysql + lodash.js + bcrypt + jwt

Fungsi implementasi

• Masuk -- Selesai
• Pendaftaran -- Selesai
• Pertanyaan Kondisi Proyek/Jumlah--Lengkap
• Tampilan daftar dan paging -- selesai
• Menambah/memodifikasi item -- Selesai
• Halaman detail kuota--Lengkap
• Logout pengguna -- Selesai
• Keluar -- Selesai

Pengenalan struktur direktori

 |-- 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                        // 说明

Demonstrasi efek

Gambar 1

Gambar 2

Gambar 3

Gambar 4

Operasi proyek

 # 安装依赖
npm install

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

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