vue framework wz

vue-framework-wz

جربه الآن (محلي)

موقع على الانترنت

وثيقة انجليزية

هذا المشروع عبارة عن إطار عمل لإدارة الواجهة الخلفية يدمج إدارة الأذونات ووظيفة تسجيل الدخول ومكونات واجهة المستخدم وتحميل Qiniu والوظائف الأخرى. ويوصى باستخدامه مباشرة.

ملاحظة : لتسهيل تصحيح أخطاء الواجهة الأمامية، تتم محاكاة طلبات البيانات باستخدام mockjs. يرجى إزالة الملف الوهمي عندما تحتاج إلى طلب واجهة برمجة تطبيقات خارجية .

لديك ما تقوله

非常感谢大家喜欢这个项目，但是由于工作太忙实在是没时间维护这个项目，所以耽搁了一大段时间，给大家带来的麻烦我非常抱歉。
接下来我会抽时间维护这个项目，有什么问题可以随时找我，或者提issue，我看到就会直接回。
并且我在开发一系列新的开源项目，目的是帮助大家提升生产力，解放双手。
我建了一个qq群 1051755653 ，方便大家交流，提升前端技能，分享招聘信息等等。 

سمات

• ?wz السقالات؟ (السقالات تساعدك على تثبيت/إلغاء تثبيت المكونات بشكل أكثر سهولة)
• مكونات واجهة المستخدم الصناعية (جاهزة للاستخدام، لا حاجة لبناء العجلات الخاصة بك)
• تخطيط متكيف (مثالي للشاشات الكبيرة والمتوسطة والصغيرة)
• 登录/注销
• 权限验证
• التنقل متعدد علامات التبويب (كيف يمكن تسميتها بواجهة إدارة خلفية بدون علامات تبويب متعددة؟)
• Markdown 编辑器
• 动态侧边栏(يدعم التوجيه متعدد المستويات)
• فتات الخبز
• مكون العرض JSON
• مخطط echartjs
• صفحة الخطأ 404
• يتم تصدير بيانات الجدول مباشرة إلى السير الذاتية
• 多环境发布
• بيانات وهمية
• تأثيرات تحوم باردة

معاينة الاداءات

تخطيط التكيف

تأثيرات TAB متعددة

واجهة تسجيل الدخول باردة

مخططات رائعة

محرر

المزيد من العروض التوضيحية

تشغيل التطوير

    # 克隆项目
    git clone https://github.com/herozhou/vue-framework-wz.git

    # 安装依赖
    npm install
    //or 
    npm install --registry=https://registry.npm.taobao.org


    # 本地开发 开启服务
    npm run dev

الوصول إلى المتصفح http://localhost:9001

سقالات wz (تطوير مجاني، غير مستحسن)

من أجل تسهيل الاستخدام وتقليل الحجم على الجميع، قمنا بتطوير أداة إنشاء سطر أوامر تعتمد على العقدة، والتي يمكنها تثبيت/حذف المكونات الإضافية على سبيل المثال، إذا كان المشروع الذي تقوم بتطويره لا يتطلب مكون Tinymce الإضافي -in، فقط wz remove -p Tinymce لحذف Tinymce. إذا كنت بحاجة إلى طلب واجهة برمجة تطبيقات خارجية، فقم بتنفيذ wz remove -p Mockjs وقم بتعديل عنوان واجهة برمجة التطبيقات المقابل وفقًا للمطالبات.

يرجى استخدام cli في المراحل الأولى من المشروع عندما لا تكون التغييرات الهيكلية كبيرة.

    # 如需使用脚手架在npm install 之后执行
    npm link
   
    # 随后即可使用wz脚手架
    wz remove -p Tinymce  //卸载Tinymce插件
    wz remove -p Mockjs  //卸载Mock.js插件
    wz  -h 查看命令帮助

تتضمن المكونات الإضافية الحالية القابلة للإلغاء تثبيت Tinymce|Markdown|Mockjs|Jsontree. سيتم إلغاء تثبيت المزيد من المكونات الإضافية قريبًا لتسهيل التطوير وتبسيط الحجم.

إصدار البناء

    # 发布测试环境 带webpack ananalyzer
    npm run build:sit-preview

    # 构建生成环境
    npm run build:prod

هيكل دليل FileTree

├── bin                       // node 命令行构建工具 
├── build                      // 构建相关  
├── config                     // 配置相关
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── components             // 全局UI组件
│   ├── mock                   // mock数据
│   ├── router                 // 路由
│   ├── store                  // 全局store管理
│   ├── utils                  // 全局公用方法
│   ├── containers              // 自适应布局组合
│   ├── view                   // view界面
│   │    ├── charts             //图表组件
│   │    ├── components         //首页组件
│   │    ├── login              //登录界面
│   │    ├── errorPages           //错误界面
│   │    └── permission        //权限测试界面
│   ├── App.vue                // 入口页面
│   └── main.js                // 入口 加载组件 初始化等
├── static                     // 静态资源
│   ├── bower_components        //七牛SDK
│   ├── css                     //css
│   ├── js                      //js
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
└── package.json               // package.json

رخصة

معهد ماساتشوستس للتكنولوجيا