icworks+D2Admin+vue+element UI 制作后台管理

前言：
icworks又名飞冰
海量可复用物料，通过 GUI 工具极速构建中后台应用。是阿里巴巴前端团队开源的一个产品，目的让前端开发简单而友好。
进入正题
使用以及构建项目非常简单
1.直接进入官网下载即可官网地址

2.打开之后是这样的

里面有各种的模板区块组件，自己点击了解了解就可以，操作一看即懂。

3.选择模板中的vue物料源中的D2Admin使用该模板

根据提示走，初始化项目会提示安装依赖，点击确认即可。

4.界面呈现效果
分别由启动调试服务，新建页面，构建项目，编辑器，终端，文件夹，运行日志等一些基础操作

5.首先点击启动调试服务，即可浏览项目。可以点击运行日志查看运行情况。启动调试完成后会出现本地服务器地址，点击即可浏览项目。

6.项目可以点击调试服务右侧的新建页面新建项目页面，选择不同的区块搭配出你满意的页面效果，然后点击生成页面填写相应的页面信息，页面就进入创建过程中。

7.在页面列表中可以选择为该页面添加区块也可以选择删除该页面

8.页面大致调节完成后就可以点击编辑器，别忘记在设置中设置你想用的编辑器
可以看到项目结构跟VUE基本一样，在开发中也是用VUE来做

element UI的使用直接复制粘贴相应的代码就可以，不用再npm安装引用

下面放一些官方教程链接D2Admin演示
D2Admin 官网
D2CRUD

会继续出一些相应的踩坑记录，以此来不断完善。

icworks+D2Admin+vue+element UI 制作后台管理相关推荐

使用vue+Element ui制作56个民族下拉列表
使用vue+Element ui制作56个民族下拉列表 1.页面 <template><div><el-select v-model="nationvalue& ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
vue+element ui 项目后台管理系统
前端界面 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...
vue+element ui实现好看的登录界面
闲暇之余使用vue+element ui制作了个登录界面话不多说,先上图界面效果图下面直接上代码: <template><div class="loginbody&q ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Table表格增删查改、Pagination分页、搜索框
文章目录目标代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式总 ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出
文章目录目标代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
Vue +Element UI后台管理模板搭建示例
2019独角兽企业重金招聘Python工程师标准>>> 一.蓝色主题 Element ui 后台管理 Demo https://github.com/taylorchen709/vu ...
【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
【前端】Vue+Element UI案例：通用后台管理系统-登陆不同用户显示不同菜单、动态添加路由
文章目录目标代码 0.动态地显示菜单:store 1.动态注册路由 2.解决刷新后摆平问题总代码本篇修改的代码文件 tab.js 参考视频: VUE项目,VUE项目实战,vue后台管理系统,前 ...

icworks+D2Admin+vue+element UI 制作后台管理

icworks+D2Admin+vue+element UI 制作后台管理相关推荐

最新文章

热门文章