开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载 2021-09-09 07:54:00
276阅读
2评论
一、权限相关概念1.1 权限的分类后端权限 从根不上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变化,所以后端才是权限的关键,后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操作。1.后端如何知道该请求是哪个用户发过来的 cookie session token2.后端的权限设计RBAC(后面再了解) 用户 角色 权限前端权限前端权限的控制本质上来说,就是控制端的视图
 写在前面    时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载 3月前
54阅读
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库,背靠大厂、设计优美,是一个 React 实现的主要用于中后台管理系统的 UI 框架,同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant Design P
vue3.0正式版-语法一.vue3.0版本中elementui-plus的安装和使用1.安装:npm i element-plus扩展: vue3.0和antdesign一起使用,ant-design-vue需要v2的版本,否则当行这样的样式就会出现问题。import Antd from "ant-design-vue"; import "ant-design-vue/dist/antd.css
一.项目要求1.要求:点击新增按钮弹出新增页面,在输入名称时进行验证,当输入名称和列表下的名称相同,即后台数据库中存在,此时将会提醒用户,该名称已存在, 2.要求:该名称不存在,则新增成功二.思路1.错误的思路 我刚开始的思路是,准备在点击新增页面中的确定按钮时进行验证,但此时会存在一个问题: ——点击确定时,已经调用了后台新增接口,此时新增的需要输入的表单数据已经传给后台,此时并不能做到验证名称
一、Ant Design Pro 介绍1、访问地址:https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤:vue create ant-design 依据需要选择相应的依赖 cd ant-design 打开项目文件 npm i ant-design moment 安装项目中的依赖,依据momen
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载 2021-07-13 14:28:00
368阅读
2评论
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
https://github.com/vueComponent/ant-design-vue/pull/6173 参照5W1H分析法解释下为什么要提这个pr?what?何事?ant-design-vue(下文以antv简称)是ant-design(下文以antd简称)的vue实现,组件的风格和antd保持同步。why?何因?因为,antd自@4.2.0版本提供了分段控制器(segmented)组件
转载 4月前
257阅读
推荐开源项目:Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库,致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版,它添加了许多实用功能和自定义选项,使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载 1月前
22阅读
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创 2021-11-11 10:32:42
405阅读
npm install ant-design-vue@2.0.0-rc.3 --save项目引入组件
原创 2022-02-14 10:19:56
1060阅读
我这里是vue3 所以使用 Ant Design Vue 的是 2 版本,1版本是Vue 2 及以下的 记住啊。 然后我们安装 $ npm install ant-design-vue@next --save 引入分为单引入【按需】 和 全部引入 这里使用全部引入: 我的vue项目用的是TS ,引入
原创 2022-05-31 17:21:34
1609阅读
上次做vue的项目大概是一年前了,这次又接触到vue,发现vue cli都到4.5了,一时突然分不太清vue3.0和vue cli4.0,之前用vue时一直用的elementui ,不过elementui好像没有对应vue3.0的。只能选择antd(Ant Design of Vue) 了,这中间遇到了太多的坑就不一一列举了。先看一下本机环境node 10.13.0@vue/cli 4.5.9&n
转载 5月前
896阅读
Ant Design 是一个很好用的前端组件库,里面包含有很多基础组件,能极大提高我们的开发效率下面先贴出 官方文档,里面的介绍已经十分全面和详细,大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目,然后怎么在项目中引入 Ant Design 呢?首先介绍一下 vue-cli 3 默认生成的目录结构,关于 vue-cli 3 的具体使用可以参
转载 5月前
232阅读
  • 1
  • 2
  • 3
  • 4
  • 5