vue admin manager
1.0.0
Beberapa siswa melaporkan kesalahan saat startup, yang seharusnya menjadi masalah dengan ketergantungan npm.
Informasi versi saya terlampir untuk referensi, tetapi semua versi di atas harus didukung.
memperbarui:
Master cabang utama diperbarui untuk memuat menu secara dinamis:
Alokasikan menu pemuatan secara dinamis berdasarkan izin pengguna, terutama melalui penggunaan addRoutes, meta, dan fitur lainnya.
Data tampilan dibangun melalui mock.js
Alamat demo
Perusahaan R&D back-end, perusahaan start-up, saat ini tidak memiliki pengembangan web, dan secara bertahap perlu melakukan operasi dan pemeliharaan, dan halaman operasi, jika Anda ingin mulai bekerja dengan cepat,
Saya mempelajari tentang yang populer saat ini, termasuk react, vue, dan angle. Setelah dibandingkan, saya merasa vue adalah yang paling cocok saat ini.
Saya mengunjungi situs resminya untuk memahaminya, menulis beberapa demo, dan kemudian mulai mengerjakan backend ini. Saya belajar dari banyak karya luar biasa di github, dan saya juga
Keluarkan sehingga Anda dapat meninjaunya dengan mudah.
Proyeknya adalah SPA, ujung depan dan belakang dipisahkan, ujung depan dibangun menggunakan vue-cli, otentikasi menggunakan JWT, database ujung belakang adalah mongodb, dan ujung belakang menyediakan
Antarmuka yang tenang, fungsi statistik sangat nyaman, agregat, mapReduce, kondisi dirangkum di ujung depan,
Mirip dengan perakitan kondisi kueri front-end, back-end secara langsung mengeluarkan hasil yang sesuai.
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# 发布测试环境 包含 webpack ananalyzer
npm run build:sit-preview
# 构建生成环境
npm run build:prod
├── build // 构建相关
├── config // 配置相关
├── src // 源代码
│ ├── api // 所有请求
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件（及页面）
│ ├── config // 配置项
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
├── .babelrc // babel-loader 配置
├── .editorconfig // 代码风格文件，前提是要你的编辑器支持
├── .gitignore // 用于Git配置不需要加入版本管理的文件
├── .postcssrc.js // autoprefixer的配置文件
└── package.json // 项目依赖管理
Otentikasi login (saat ini berdasarkan JWT,) todo mendukung Oauth2 dan login pihak ketiga
Ikhtisar Aplikasi Dasbor Berbagai Ikon Statistik
Tren data: pengguna terdaftar, pengguna aktif, hubungan pengguna, dll.
Manajemen pengguna saat ini hanya melakukan kueri
Pemeliharaan data mendukung tampilan video dan gambar
Ciutkan bilah navigasi selesai
Selesai login untuk mendapatkan nama panggilan pengguna
Ekstraksi ikon statistik selesai
Akses selesai ke Alibaba Cloud OSS, STS (layanan otentikasi sementara)
Dukungan lengkap untuk pemutaran video
Manajemen status Vuex (saat ini hanya informasi token pengguna yang dicatat)
[] Ikon grafik di Dasbor, rekonstruksi berbasis komponen (ditulis saat pertama kali digunakan, kodenya relatif berlebihan, dan nanti akan dipecah menjadi beberapa komponen)
Komponen halaman 404 (saat ini kosong), pertimbangkan untuk menggunakan Tencent Charity di blog Anda sendiri
[] 401 komponen halaman
[] Responsif, mendukung ponsel
Halaman Dashboard menggunakan komponen vue-echarts-v3. Ini dibuat secara paksa ketika saya pertama kali mengenal vue. Nantinya, Anda secara bertahap akan mengenal dan menerapkan ide tentang komponen.
Kodenya masih perlu dioptimasi secara bertahap, haha
