icworks+D2Admin+vue+element UI 制作后台管理
前言:icworks又名飞冰海量可复用物料,通过 GUI 工具极速构建中后台应用。是阿里巴巴前端团队开源的一个产品,目的让前端开发简单而友好。进入正题使用以及构建项目非常简单1.直接进入官网下载即可 官网地址2.打开之后是这样的里面有各种的模板区块组件,自己点击了解了解就可以,操作一看即懂。3.选择模板中的vue物料源中的D2Admin使用该模板根据提示走,初始化项目会提示...
前言:
icworks又名飞冰
海量可复用物料,通过 GUI 工具极速构建中后台应用。是阿里巴巴前端团队开源的一个产品,目的让前端开发简单而友好。
进入正题
使用以及构建项目非常简单
1.直接进入官网下载即可 官网地址
2.打开之后是这样的
里面有各种的模板区块组件,自己点击了解了解就可以,操作一看即懂。
3.选择模板中的vue物料源中的D2Admin使用该模板
根据提示走,初始化项目会提示安装依赖,点击确认即可。
4.界面呈现效果
分别由启动调试服务,新建页面,构建项目,编辑器,终端,文件夹,运行日志等一些基础操作
5.首先点击启动调试服务,即可浏览项目。可以点击运行日志查看运行情况。启动调试完成后会出现本地服务器地址,点击即可浏览项目。
6.项目可以点击调试服务右侧的新建页面新建项目页面,选择不同的区块搭配出你满意的页面效果,然后点击生成页面填写相应的页面信息,页面就进入创建过程中。
7.在页面列表中可以选择为该页面添加区块也可以选择删除该页面
8.页面大致调节完成后就可以点击编辑器,别忘记在设置中设置你想用的编辑器
可以看到项目结构跟VUE基本一样,在开发中也是用VUE来做
element UI的使用直接复制粘贴相应的代码就可以,不用再npm安装引用
下面放一些官方教程链接D2Admin演示
D2Admin 官网
D2CRUD
会继续出一些相应的踩坑记录,以此来不断完善。
更多推荐
所有评论(0)