structure admin

struktur-admin

Structure-admin adalah kerangka sistem manajemen dan kontrol backend. Tumpukan teknologinya adalah: nodeJS+vue+vuex+mysql+redis. Front-end menggunakan pustaka komponen elemen-ui vue, back-end menggunakan layanan nodeJS, database mysql. , dan cache menggunakan redis. , backend sepenuhnya menggunakan nodeJS , dan database menggunakan mysql . nodejs的thinkjs框架搭建的dan merupakan pengembangan full-stack. mendukung:

• 1. Gunakan vuex untuk mengimplementasikan manajemen negara
• 2. Halaman statis, perkenalkan layanan back-end (nodeJs)
• 3. Komponen menggunakan elemen-ui
• 4. Tata letak halaman atas dan kiri. Tata letak kiri dan kanan menggunakan elastisitas dan tata letak fleksibel. Lebarnya ditetapkan di kiri dan lebarnya dihitung di kanan.
• 5. Scroll bar kiri dan kanan tidak bergantung satu sama lain. Lepaskan scroll bar pada badan.

Jika Anda menyukai backend yang ditulis dalam nodeJS , yang mendukung pengembangan front-end dan full-stack yang besar, silakan beri star dan fork pada proyek tersebut.

Jika Anda memiliki masalah penggunaan, silakan tinggalkan pesan.

1. Tumpukan teknologi

• Situs web resmi ThinkJS (kerangka sisi Node).
• Situs web resmi Vue.js (kerangka pengikatan data dua arah sisi klien).

2. Alamat daring

Alamat online: Alamat online, nomor rekening: tes, kata sandi: 123456

3. Tangkapan layar sistem

3.1 Halaman masuk

3.1 Halaman beranda

4. Program berjalan lokal

1. Pertama-tama, lingkungan Anda adalah nodejs dan Anda tidak akan dapat menginstal dan mengkonfigurasinya. Referensi: konfigurasi lingkungan nodejs

2. Kloning proyek

 git clone https://github.com/saucxs/structure-admin.git

3. Instal dependensi yang sesuai untuk folder struktur-admin-web dari vue front-end dan node struktur-admin-node back-end.

 npm install

4. Instal redis (Anda dapat mempertimbangkan untuk menginstal RedisDesktopManager)

Referensi: Instal redis di bawah jendela, instalasi alat manajemen visual redis (Redis Desktop Manager), penggunaan dasar, proyek instantiasi

5. Instal mysql. Saya tidak akan menjelaskan detailnya di sini.

6. Ubah file konfigurasi backend nodejs adapter.js dan config.js.

 adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安装时候设置的秘密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'structure_admin',
    prefix: 'structure_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地数据库
    port: '3306',　　　　　//数据库端口
    user: 'root',    //数据库的用户名
    password: '123456',    //数据库该用户名的密码
    dateStrings: true
  }
};

7. File database, alamatnya adalah structure-admin-node/src/common/mysql/structure_admin.sql

8. Mulai proyek dengan front-end dan back-end yang terpisah.

(1) Startup struktur-admin-web dari front-end vue

 npm run dev

(2) dan permulaan struktur backend node-admin-node

 npm start

menjelaskan

• Sistem laporan mingguan dibangun berdasarkan kerangka manajemen latar belakang struktur-admin. Alamat demonstrasi sistem laporan mingguan adalah: Platform situs web sistem
• Alamat kode sumber sistem laporan mingguan: Alamat kode sumber sistem laporan mingguan
• Ini telah dienkapsulasi ke dalam paket npm vue-node-cli, membentuk templat untuk sistem kontrol dan pengembangan full-stack front-end dan back-end.