vue framework wz

vue-framework-wz

Pruébalo ahora (nacional)

sitio web en línea

Documento en inglés

Este proyecto es un marco de administración de backend que integra administración de permisos, funciones de inicio de sesión, componentes de interfaz de usuario, carga de Qiniu y otras funciones. Se recomienda usarlo directamente.

Nota : Para facilitar la depuración del front-end, las solicitudes de datos se simulan mediante simulacros. Elimine el archivo simulado cuando necesite solicitar una API externa .

tener algo que decir

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

Características

• ?wz scaffolding? (El andamio le ayuda a instalar/desinstalar componentes de forma más cómoda)
• Componentes de interfaz de usuario industriales (listos para usar, no es necesario construir sus propias ruedas)
• Diseño adaptable (perfecto para pantallas grandes, medianas y pequeñas)
• 登录/注销
• 权限验证
• Navegación con múltiples TAB (¿Cómo se puede llamar una interfaz de administración de backend sin múltiples TAB?)
• Markdown 编辑器
• 动态侧边栏(admite enrutamiento multinivel)
• Pan rallado
• Componente de visualización JSON
• gráfico echartjs
• página de error 404
• Los datos de la tabla se exportan directamente a cvs.
• 多环境发布
• datos simulados
• Geniales efectos de desplazamiento

Vista previa de representaciones

Diseño adaptativo

Múltiples efectos TAB

Interfaz de inicio de sesión genial

gráficos geniales

Editor

Más demostraciones

Ejecutar desarrollo

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

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


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

Acceso al navegador http://localhost:9001

wz scaffolding (desarrollo gratuito, no recomendado)

Para que sea más fácil de usar para todos y reducir el tamaño, desarrollamos una herramienta de compilación de línea de comandos basada en nodos, que puede instalar/eliminar complementos, por ejemplo, si el proyecto que está desarrollando no requiere el complemento Tinymce. -in, simplemente wz remove -p Tinymce para eliminar Tinymce. Si necesita solicitar una API externa, ejecute wz remove -p Mockjs y modifique la dirección de la API correspondiente de acuerdo con las indicaciones.

Utilice cli en las primeras etapas del proyecto cuando los cambios estructurales no sean significativos.

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

Los complementos desinstalables actuales incluyen Tinymce|Markdown|Mockjs|Jsontree Próximamente se desinstalarán más complementos para facilitar el desarrollo y optimizar el tamaño.

Lanzamiento de compilación

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

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

Estructura del directorio 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

Licencia

MIT