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

8 篇文章 0 订阅

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

2.打开之后是这样的
飞冰
里面有各种的模板区块组件,自己点击了解了解就可以,操作一看即懂。

3.选择模板中的vue物料源中的D2Admin使用该模板
在这里插入图片描述在这里插入图片描述
根据提示走,初始化项目会提示安装依赖,点击确认即可。

4.界面呈现效果
分别由启动调试服务,新建页面,构建项目,编辑器,终端,文件夹,运行日志等一些基础操作
在这里插入图片描述
5.首先点击启动调试服务,即可浏览项目。可以点击运行日志查看运行情况。启动调试完成后会出现本地服务器地址,点击即可浏览项目。
在这里插入图片描述在这里插入图片描述
6.项目可以点击调试服务右侧的新建页面新建项目页面,选择不同的区块搭配出你满意的页面效果,然后点击生成页面填写相应的页面信息,页面就进入创建过程中。
在这里插入图片描述
7.在页面列表中可以选择为该页面添加区块也可以选择删除该页面
在这里插入图片描述
8.页面大致调节完成后就可以点击编辑器,别忘记在设置中设置你想用的编辑器
可以看到项目结构跟VUE基本一样,在开发中也是用VUE来做
在这里插入图片描述
element UI的使用直接复制粘贴相应的代码就可以,不用再npm安装引用

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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值