structure admin

โครงสร้างผู้ดูแลระบบ

Structure-admin คือเฟรมเวิร์กระบบการจัดการและควบคุมแบ็กเอนด์ สแต็กเทคโนโลยีคือ: nodeJS+vue+vuex+mysql+redis และแคชใช้ redis แบ็กเอนด์ใช้ nodeJS อย่างสมบูรณ์ และฐานข้อมูลใช้ mysql nodejs的thinkjs框架搭建的และเป็นการพัฒนาแบบฟูลสแต็ก สนับสนุน:

• 1. ใช้ vuex เพื่อใช้การจัดการสถานะ
• 2. หน้าคงที่ แนะนำบริการแบ็คเอนด์ (nodeJs)
• 3. ส่วนประกอบใช้ element-ui
• 4. เค้าโครงหน้าอยู่ด้านบนและด้านซ้าย เค้าโครงด้านซ้ายและขวาใช้ความยืดหยุ่นและเค้าโครงแบบยืดหยุ่น ความกว้างได้รับการแก้ไขทางด้านซ้ายและคำนวณความกว้างทางด้านขวา
• 5. แถบเลื่อนด้านซ้ายและขวาแยกจากกัน ถอดแถบเลื่อนบนตัวเครื่องออก

หากคุณชอบแบ็กเอนด์ที่เขียนใน nodeJS ซึ่งรองรับการพัฒนาฟรอนต์เอนด์ขนาดใหญ่และฟูลสแตก โปรด star และ fork เจ็กต์

หากคุณมีปัญหาการใช้งานกรุณาฝากข้อความไว้

1. กองเทคโนโลยี

• เว็บไซต์อย่างเป็นทางการของ ThinkJS (Node-side Framework)
• เว็บไซต์อย่างเป็นทางการของ Vue.js (เฟรมเวิร์กการผูกข้อมูลสองทางฝั่งไคลเอ็นต์)

2. ที่อยู่ออนไลน์

ที่อยู่ออนไลน์: ที่อยู่ออนไลน์ หมายเลขบัญชี: ทดสอบ รหัสผ่าน: 123456

3. ภาพหน้าจอของระบบ

3.1 หน้าเข้าสู่ระบบ

3.1 หน้าแรก

4. โปรแกรมวิ่งท้องถิ่น

1. ก่อนอื่น สภาพแวดล้อมของคุณคือ nodejs และคุณจะไม่สามารถติดตั้งและกำหนดค่าได้ ข้อมูลอ้างอิง: การกำหนดค่าสภาพแวดล้อม nodejs

2. โคลนโครงการ

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

3. ติดตั้งการขึ้นต่อกันที่สอดคล้องกันสำหรับโฟลเดอร์ Structure-admin-web ของ vue ส่วนหน้าและโครงสร้างโหนดส่วนหลังของโหนด

 npm install

4. ติดตั้ง Redis (คุณสามารถพิจารณาติดตั้ง RedisDesktopManager ได้)

ข้อมูลอ้างอิง: ติดตั้ง Redis ใต้หน้าต่าง, การติดตั้งเครื่องมือการจัดการภาพ Redis (Redis Desktop Manager), การใช้งานพื้นฐาน, โปรเจ็กต์การสร้างอินสแตนซ์

5. ติดตั้ง mysql ฉันจะไม่ลงรายละเอียดที่นี่

6. แก้ไขไฟล์การกำหนดค่าแบ็กเอนด์ nodejs adapter.js และ 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. ไฟล์ฐานข้อมูล ที่อยู่คือ structure-admin-node/src/common/mysql/structure_admin.sql

8. เริ่มต้นโปรเจ็กต์โดยแยกส่วนหน้าและส่วนหลังตามลำดับ

(1) การเริ่มต้นโครงสร้าง-ผู้ดูแลระบบ-เว็บของ vue ส่วนหน้า

 npm run dev

(2) และการเริ่มต้นของโครงสร้างแบ็กเอนด์โหนด - ผู้ดูแลระบบ - โหนด

 npm start

แสดงให้เห็น

• ระบบรายงานรายสัปดาห์สร้างขึ้นตามกรอบโครงสร้างการจัดการพื้นหลังของผู้ดูแลระบบ ที่อยู่สาธิตระบบรายงานรายสัปดาห์คือ: แพลตฟอร์มเว็บไซต์ระบบ
• ที่อยู่รหัสต้นทางของระบบรายงานรายสัปดาห์: ที่อยู่รหัสต้นทางของระบบรายงานรายสัปดาห์
• มันถูกรวมไว้ในแพ็กเกจ npm vue-node-cli ซึ่งสร้างเทมเพลตสำหรับการพัฒนาและควบคุมระบบฟูลสแต็กส่วนหน้าและส่วนหลัง