代码框架是用的前后台分离的方式后台使用的是Asp.Net Core平台，开发所有业务，向前台提供Rest API接口。使用的认证方式是JWT前端有两个项目，一个是Web端，一个是Mobile端都是使用Vue + Ant Design of Vue架构后端的开发工具使用的是Visual Studio 2019前端的开发工具使用的是Visual Studio Code上一篇把.net Core后端的W
转载
2024-07-16 13:59:04
76阅读
Ant design vue是很优秀的框架，不过对于一般小白用户（比如我），文档方面不够友好。官方给出了主题自定义色彩的方案，但是太过于简陋，网上很多技术解决方案也点到即止，我在这方面足足浪费了两天时间，下面说一下技术重点，每个点都是自己踩出来的坑，都是泪：先说下需要的各个模块以及版本号，这个很重要，版本号不对，就会有各种你搜都搜不出解决方案的报错【以下内容均针对vue cli3/4初始
转载
2024-05-04 14:04:21
2662阅读
Action一. 首先，引入scss依赖（node-sass, sass-loader)npm install node-sass sass-loader --save-dev1二.项目样式文件目录介绍1.此处我将项目中的公共样式文件放到了 src/style目录下，其中 index.scss是以供全局使用的一些基本样式，在main.js文件中引入即可全局使用（图2）。 _theme.scss,
转载
2024-10-08 21:27:07
1862阅读
前端Vue（一）一、1、创建实例 这就创建了一个vue实例。2、vue的基本使用上图可以看到，el 是定义范围的，#app 就是定义id为app的元素，只有这个id代表的标签范围内（包括其子元素，孙子元素…等等）才能使用。data 是定义相关数据的。msg 是变量名，这个可以随便起。但是此时运行还是不能渲染的。使用的方法是 双大括号：{{ 变量名 }} ，这样就能渲染了。但是切记，script 的
1.1Vue-Router 使用步骤 yarn add vue-router --dev
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter) 样式案例：// view/Blog.vue 路由相关的组件（视图） 1.2动态路由 // router/index.js
开发模式预览 demo在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件，比如通过 vue-cli 初始化项目，或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置（比如 muse-ui）。展示文档作为一个 ui 组件库，也肯定要有自己的组件展示文档。一般业界常
转载
2024-03-04 17:08:29
96阅读
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤：一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升
转载
2024-04-26 11:08:13
259阅读
80种奇奇怪怪的按钮，先睹为快！本文详细讲解 View UI 中，Button 组件的样式配置和单击事件响应。 目录一、按钮样式1.1 颜色1.2 大小1.3 按钮形状1.4 背景透明1.5 按钮图标1.6 其他样式二、 按钮事件2.1 按钮传值2.1.1 无传输值单击事件2.1.2 传输静态参数2.1.3 传递动态参数2.1.4 循环渲染传参2.2 按钮跳转如果你还没配置好
转载
2024-05-03 23:00:53
5217阅读
React & Ant-Design 应用 —— Grid栈格设置布局、Space间距设置自适应内容问题描述居中布局 ：Grid栈格Space设置间距总结 今天在实践中，我第一次使用了Grid栈格来设置布局，也用了Space来设置合适的间距。通过Grid配合Space，设置出来了居中且自适应的Ant-Design组件。因为是第一次使用到Grid和Space，所以做一些记录。可供居中布局
转载
2024-04-09 07:55:16
103阅读
支持的环境： 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 Electron（一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局，使用 JavaScript 来控制用户行为和业务逻辑，使用 Node. ...
转载
2021-07-13 14:28:00
398阅读
2评论
1.简介动态模型是一个基于结构化数据的编程方法。目前已经在动态模型里初步集成了vue和antdesign，这里讲述下如何运行动态模型下的vue-antdesign的示例。简单介绍下动态模型的优点先。使用动态模型可以让编程更加简单和快捷，并且模型也可以保存知识和经验。也就是说使用动态模型可以让vue-antdesign编程简单化，并且如果你有vue-antdesing的相关知识和经验，那么也可以把这
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载
2021-09-09 07:54:00
366阅读
2评论
Ant Design Pro Vue不完全开发手册前言准备工作：1、安装npm2、可选安装3、安装 vue-cli 工具：4、参考文档基础开发学习：1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews（1）api.js（2）vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好！事情了，是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标！首先是看文档 能不能更换，果不然文档上写的很清楚 perfect，我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
转载
2024-04-01 12:48:27
335阅读
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
一、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
转载
2024-04-01 10:53:27
97阅读
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
转载
2024-04-12 22:07:40
189阅读
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在， 2.要求：该名称不存在，则新增成功二.思路1.错误的思路 我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题： ——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称
转载
2024-03-22 14:11:55
151阅读
实战开发和看教程学习其实还是有很大差别的我为什么建议学习还是得从项目出发我进公司后第一天老大就让我看代码我写这个项目的目的项目情况前端后端写在最后 我为什么建议学习还是得从项目出发也许我们已经看了很多的教程。收费的，免费的，讲得好的，讲得不好的反正就是看了很多视频。那么能做出东西了吗？基础也看了，原理也似乎懂了再看下去好像都可以去开发一门新语言了。然而能做项目了吗？工作中真正要用到哪些东西，它们之
推荐开源项目：Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库，致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版，它添加了许多实用功能和自定义选项，使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载
2024-08-10 11:01:10
91阅读
