vue admin spa

Sistem manajemen backend vue-admin-spa (Catatan: Proyek ini telah dihentikan. Jika perlu, Anda dapat pergi ke versi vue3.0 terbaru, yang fungsinya semakin lengkap)

Tumpukan teknologi yang digunakan: vue + vue-resource + vue-router + vuex (penting untuk spa) + element-ui + ES6 + webpack + npm

Test Address (kalau tidak bisa dibuka coba ubah DNSnya menjadi 114.114.114.114)

Kata pengantar

Proyek ini dibangun dengan memanfaatkan vue scaffolding dan tiga proyek (belajar dari kekuatan satu sama lain), dan terus ditingkatkan. Tujuannya adalah agar lebih dekat dan sesuai dengan kebutuhan proyek semua orang, dan lebih cocok untuk pengembangan sekunder telah ditulis ulang:

• Login dan registrasi (termasuk enkripsi MD5)

• Kontrol izin, menu ditampilkan dan disembunyikan berdasarkan data izin yang dikembalikan dari antarmuka pengguna. Jika Anda mengetuk bilah alamat dengan tangan, menu akan melompat ke 404 (bilah alamat salah) atau 401 (bilah alamat benar tetapi tidak ada izin), dan izin dapat diubah secara dinamis dalam pengaturan sistem.

• Ganti tema, dukung sepenuhnya pengguna untuk mengganti tema secara manual dan mengingat tema

• Semua data disimulasikan secara lokal di json. Pengembang sekunder hanya perlu mengganti jalur json dengan jalur antarmuka sebenarnya.

• Semua elemen klik tombol yang dioperasikan secara dinamis telah mencetak parameter yang relevan di konsol. Selama pengembangan sebenarnya, parameter ini dapat dikirimkan ke antarmuka back-end sesuai kebutuhan.

• Modul siswa baru telah ditambahkan, menggunakan antarmuka API lokal yang sebenarnya.

• Modul manajemen organisasi baru ditambahkan, menggunakan antarmuka mockjs dan melampirkan logika js yang dikembangkan secara nyata (termasuk antarmuka verifikasi dan pengiriman, dll.).

menjelaskan

• Tujuan dari open source: untuk menyediakan pengembang sekunder berdasarkan lapisan bawah agar lebih banyak orang dapat belajar dan merujuk, dan untuk menghindari jalan memutar.
• Kustomisasi permintaan: Proyek ini bersifat open source sebagai kerangka dasar dan saat ini hanya memiliki beberapa fungsi dasar. Jika Anda memiliki persyaratan fungsional lainnya, silakan hubungi pemilik grup.
• Berkontribusi dan bergabung: Lebih banyak pengembang dipersilakan untuk bergabung dalam pengembangan mendasar ini, berkontribusi dan memelihara bersama, silakan hubungi pemilik grup untuk detailnya.
• Komunikasi tepat waktu: Untuk memfasilitasi komunikasi teknis semua orang, proyek ini telah membuat grup QQ baru--645582193

**Jika Anda memiliki pertanyaan, Anda dapat mengajukannya untuk diterbitkan atau bergabung dengan grup untuk berdiskusi.

Jika menurut Anda proyek ini bermanfaat bagi Anda, ingatlah untuk mengklik Bintang di kanan atas ^_^

Fungsi (sebagian data disimulasikan menggunakan json lokal, dan beberapa menggunakan mockjs. Karena blokade Douban API baru-baru ini, beberapa fungsi yang menggunakan Douban API tidak dapat dipratinjau untuk sementara)

• Deskripsi sistem
• Masuk/Keluar
• Perubahan kata sandi
• Beranda pribadi
• Unggahan avatar
• Verifikasi izin
• Ubah izin
• bilah sisi
• tepung roti
• Editor teks kaya
• Ganti tema (klik avatar untuk drop down)
• Verifikasi dan penyerahan formulir
• Penambahan daftar, penghapusan, modifikasi, pencarian, pengurutan, dan ekspor (fungsi dasar sistem manajemen backend)
• 401, 404 halaman pengalihan
• ekspor unggul
• tab tampilan
• Lebih banyak fitur di PC akan segera tersedia...

mengembangkan

    # 克隆代码
    git clone https://github.com/lss5270/vue-admin-spa.git
    # 安装依赖
    npm install
    # or 直接解压node_modules.7z到当前位置 （比较适合新手）。

    # 本地开发 开启服务
    npm run dev
    # or 直接双击start.bat（比较适合新手） 

Akses peramban http://localhost:2018

melepaskan

  
    # 构建生产环境
    npm run build:prod
    # or 直接双击build.bat（比较适合新手） 

Simulasikan lingkungan resmi

    # nginx环境下运行
    1.准备nginx环境，自行到nginx官网（https://nginx.org/）下载，并解压
    2.双击build.bat后根目录生成一个dist包，把dist整个文件夹拷贝到nginx解压后的html下
    3.启动nginx服务：双击nginx.exe
    4.访问入口：http://localhost/dist/index.html
    ………
    
    8.关闭nginx服务：直接删进程
    
    # tomcat环境下运行
    参照nginx步骤即可

Tentang ikon

    本项目使用了两套图标系统，具体使用方法参照以下官方链接:
    1.http://element.eleme.io/#/zh-CN/component/icon
    2.http://fontawesome.io/icons/
    使用方法：
    a.在index.html中引入<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    b.在使用图标的地方放置图标<i class="fa fa-home" aria-hidden="true"></i>

Tentang sistem UI

    由于bootstrap不支持mvvm已弃用，本项目使用了全新的elementUI系统，具体使用方法参照以下官方链接:
    1.http://element.eleme.io/#/zh-CN/component/installation
    

Mengenai masalah 404 masalah jalur gambar latar belakang dalam file .vue dan pengemasan ke jalur lingkungan produksi

    具体修复方法，参照Issues中的 #6问题
    

Tentang antarmuka API modul siswa

    1.学生模块功能使用了本地api接口，若想正常运行，请下载另外一个node项目（https://github.com/lss5270/vue-admin-spa-api），并且在本地启动该node 项目。
    2.该node项目源码，相当于其他后端语言（例如java）提供增删查改接口的源代码。
    3.不懂如何使用node项目的同学，可进群讨论
    

Struktur direktori

├── build                      // 构建相关  
├── config                     // 配置相关
├── src                        // 源代码
│   ├── assets                 // 主题 字体等静态资源
│   ├── components             // 全局公用组件。不直接显示
│   ├── global                 // 全局指令
│   ├── filtres                // 全局filter
│   ├── router                 // 路由
│   ├── store                  // 全局store管理
│   ├── utils                  // 全局公用方法
│   ├── view                   // view视图层
│   ├── App.vue                // 入口页面
│   └── main.js                // 入口 加载组件 初始化等
├── static                     // 第三方不打包资源
│   ├── jquery
│   ├── Tinymce                // 富文本
│   ├── dataJson               // 模拟接口json
│   └── theme                  // 主题文件
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
└── package.json               // package.json

Manajemen status

Saat ini, hanya informasi pengguna, izin menu, dan status terkait konfigurasi aplikasi yang disimpan secara global menggunakan vuex, dan data lainnya dikelola oleh masing-masing komponen bisnis.

Lisensi

MIT

Hak Cipta (c) 2017-sekarang, LSS