structure admin

هيكل المشرف

Structure-admin هو إطار عمل لنظام الإدارة والتحكم في الواجهة الخلفية، ومكدس التكنولوجيا هو:nodeJS+vue+vuex+mysql+redis. وتستخدم ذاكرة التخزين المؤقت redis، وتستخدم الواجهة الخلفية nodeJS بالكامل، وتستخدم قاعدة البيانات mysql . nodejs的thinkjs框架搭建的وهي عبارة عن تطوير متكامل. يدعم:

• 1. استخدم vuex لتنفيذ إدارة الحالة
• 2. صفحة ثابتة، تقدم خدمة خلفية (nodeJs)
• 3. يستخدم المكون element-ui
• 4. تخطيط الصفحة هو الأعلى واليسار. يستخدم التخطيط الأيسر والأيمن المرونة والتخطيط المرن.
• 5. شريطا التمرير الأيسر والأيمن مستقلان عن بعضهما البعض. قم بإزالة شريط التمرير الموجود على الجسم.

إذا كنت تحب الواجهة الخلفية المكتوبة بلغة nodeJS ، والتي تدعم تطوير الواجهة الأمامية الكبيرة والمكدس الكامل، فيرجى fork المشروع star وشوكة.

إذا كان لديك أي مشاكل في الاستخدام، يرجى ترك رسالة.

1. كومة التكنولوجيا

• الموقع الرسمي لـ ThinkJS (إطار عمل جانب العقدة).
• الموقع الرسمي Vue.js (إطار عمل ربط البيانات ثنائي الاتجاه من جانب العميل).

2. العنوان عبر الإنترنت

العنوان على الإنترنت: العنوان على الإنترنت، رقم الحساب: اختبار، كلمة المرور: 123456

3. لقطات النظام

3.1 صفحة تسجيل الدخول

3.1 الصفحة الرئيسية

4. برنامج التشغيل المحلي

1. أولاً، البيئة الخاصة بك هي Nodejs ولن تتمكن من تثبيتها وتكوينها المرجع: تكوين بيئة Nodejs

2. استنساخ المشروع

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

3. قم بتثبيت التبعيات المقابلة لمجلد هيكل المشرف على الويب الخاص بواجهة الواجهة الأمامية وعقدة هيكل المشرف الخلفية للعقدة.

 npm install

4. قم بتثبيت redis (يمكنك التفكير في تثبيت RedisDesktopManager)

المرجع: تثبيت redis أسفل النافذة، وتثبيت أداة الإدارة المرئية لـ redis (Redis Desktop Manager)، والاستخدام الأساسي، ومشروع إنشاء مثيل

5. قم بتثبيت mysql. لن أخوض في التفاصيل هنا.

6. قم بتعديل ملفات تكوين الواجهة الخلفية لـNodejs محول.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) بدء تشغيل هيكل المشرف على الويب لواجهة الواجهة الأمامية

 npm run dev

(2) وبدء تشغيل هيكل الواجهة الخلفية للعقدة-admin-node

 npm start

يوضح

• تم إنشاء نظام التقرير الأسبوعي بناءً على إطار عمل إدارة الخلفية للهيكل والمشرف. عنوان العرض التوضيحي لنظام التقرير الأسبوعي هو: منصة موقع النظام
• عنوان كود مصدر نظام التقرير الأسبوعي: عنوان كود مصدر نظام التقرير الأسبوعي
• لقد تم تغليفها في حزمة npm vue-node-cli، مما يشكل قالبًا لأنظمة التطوير والتحكم الكاملة للواجهة الأمامية والخلفية.