1.前言 最近学习reactjs ,前些年用RN开发过移动端,入门还算轻松.现在打算使用 Antd Pro 实现前后端分离.要使用Antd Pro这个脚手架,必须熟悉 umi.dva.redux-saga 等相关知识. 基础知识及目录结构可以先看官方文档 : https://pro.ant.design/docs/getting-started-cn 官方介绍: Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 [Ant Design](http://ant.desi

概述 antd pro table antd pro table 的主要部分 表格显示的配置(绿色框内) 检索的配置(红色框内) 是否显示检索部分 检索的内容是如何生效的 工具栏的配置(黄色框内) 表格操作信息(蓝色框内) 概述 如果用 react 开发前端, 建议基于 antd pro 来开发, antd pro 是 antd 的增强版, antd 是组件库, antd pro 则是前端框架, 基于 antd pro, 创建工程时不用再考虑: 路由的设置, 以及和菜单的联动 面包屑和路由的联动

概述 示例代码 列表页面 form 页面 model.js service.js 总结 概述 项目中经常会遇到在表格中展示图片的需求(比如展示用户信息时, 有一列是用户的头像). antd pro table 的功能很强大, 对于常规的信息展示只需参照示例配置 column 就可以了. 但是对于文件(比如图片) 在表格中的展示, 介绍并不多. 下面通过示例来演示 antd pro table 中图片的上传和展示. 示例代码 前端主要包含如下 2 部分: 列表页面: 通过 antd pro tab

前言 在开始之前,希望我们已经掌握了一部分react的知识,由于没有太多经验,其实我也是属于摸索阶段.这里假定我们已经了解了react,redux和dva/umi相关的知识.并有做过相关练习. 如果还不了解以上相关的知识,建议去以下网站学习一遍,下面给出一个大概学习的路线吧. html/css/js 这里推荐大家去w3cschool稍作了解,不过看本篇文章的同学肯定都是有一定基础的.那么就当做巩固好了. es6 这里我没有系统看过教程,我是在一本叫做react学习手册的书上面看到的.这里还是放一

概要 通用元素 修改的方式 主页面 标签上的图标 logo 和 系统名称 footer 的配置 loading 页面 最终效果 概要 使用 Antd Pro 来开发前端项目时, 生成的项目模板中, 一些基本的元素都是和 Antd Pro 项目相关的. 比如, 系统 title, 图标, logo, footer 等等. 这些基本的元素在实际的项目都需要替换. Antd Pro 由于大部分元素都基于配置, 想要替换这些通用的元素并不是那么直观, 这里把替换这些通用元素的方法做个总结. 通用元素 通

概要 antd pro 路由简介 路由, 菜单和面包屑 页面之间的路由 带参数的路由 总结 概要 路由配置是单页应用的核心之一, antd pro 将所有的路由配置集中在一个文件中, 可以更好的对应用的全局进行管理. 同时, 它的路由还和菜单和面包屑自动关联上了, 真的是给开发节省了大量的时间. antd pro 路由简介 首先创建一个 antd pro 的项目, 创建方法很简单, 参见 antd pro 的文档 antd pro 的路由配置文件在项目根目录下的 config 文件夹中: /co

常用技巧 连续按两下ctrl+alt,实现鼠标脱离 VMware Workstation Pro网络配置有几种模式: 桥接模式: 网络上的独立主机 占用路由器新IP资源 通过VMware Network Adapter VMnet8虚拟网卡进行桥接 NAT模式: 与真实机共享网络IP 不占用路由器新IP资源 通过虚拟网卡VMware Network Adapter VMnet1与本机通信 仅主机模式: 只能跟主机通信 不占用路由器新IP资源 通过虚拟网卡VMware Network Adapte

antd pro的底层基础框架使用的是dva,dva采用effect的方式来管理同步化异步 在dva中主要分为3层 services  models  components models层用于存放数据以及对数据进行操作,services层调用请求后台接口的方法,components层用于书写页面逻辑代码 services层 import request from '@/utils/request'; export async function doit(payload) { const {id}

持续部署:关注点在于项目功能部署到服务器后可以正常运行,为下一步测试环节或最终用户正式使用做准备.(问题点:一个环节有问题,其他环节跟着有问题) 持续集成:关注点是在于尽早发现项目整体运行问题,尽早解决.(问题点:经常性.频繁的把所有模块集成在一起进行测试,有问题尽早发现) 持续交付:关注点在于研发团队的最新代码能够尽快让最终用户体验到.(问题点:各个升级版本之间间隔时间太长,用户反馈感知迟钝,无法精确改善用户体验,用户流失严重,所以用小版本不断进行快速迭代,不断收集用户反馈信息,用最快的速度改

一.默认配置 默认的pro文件配置如下: 如果采用Qt默认的pro配置,其编译后产生的文件会默认集中分布在debug和release目录下,如下图的obj和moc等文件对后续打包发布并没有意义. 二.建议配置如下 三.解释说明 使用"+=",是因为我们添加我们的配置选项到任何一个已经存在中.这样做比使用"="那样替换已经指定的所有选项是更安全的 DEFINES += XX_XX_XXX  //定义编译选项,在.h文件中就可以使用 :#ifdefine xx_xx_x

一.Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架.它提供了一组可以在Spring应用上下文中配置的Bean,充分利用了Spring IoC,DI(控制反转Inversion of Control ,DI:Dependency Injection 依赖注入)和AOP(面向切面编程)功能,为应用系统提供声明式的安全访问控制功能,减少了为企业系统安全控制编写大量重复代码的工作. 二.security和springboot也做了深度的

Nginx作为负载均衡获取到客户端的真实IP,但是后端获取到的IP为nginx负载均衡的IP,需要修改配置使后端获取到客户端的真实IP 修改nginx配置增加3行 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 重启nginx即可 nginx -t nginx -s reload

概要 示例 后端 前端 直接显示图片 提供下载链接, 点击后下载 文件导出, 前端没有显示下载链接的位置 概要 前端上传文件的例子很多, 但是下载相关的例子不多, 主要是因为下载本身比较简单. 但是这次做了个文件导出功能, 接收文件流的时候弄了很长时间也没有成功, 就因为请求中缺了个配置- 示例 后端 后端比较简单, 不管有多少需要计算的业务, 最终只是返回文件流. 下面的示例是通过 golang gin 框架实现的. 1 package main 2 3 import ( 4 "strconv

一.服务端 1.安装宝塔 登录 SSH 后,直接安装宝塔. yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh 等待安装完成根据提示连接打开面板页面登陆 进入首页根据提供提示一键安装环境 注意: 服务器配置高可以选Mysql5.5或更高, PHP必须选择7.1版本, phpAdmin看个人使用习惯 安装期间可以自行修改面

前言 对于普通业务场景而言,直接用 FormData() 将文件以入参的一个参数传给后端即可,但此方法有一个弊端就是,有个 30M 的上限. 对于动辄几百 M.几个 G 的文件上传需求,FormData() 显然已经黯然了,但仍想以此方法上传,那么就可以把大文件,按照同一大小进行分片,然后分片上传至后端,上传完后在通知后端进行组装保存即可. 效果先贴出: 废话不多说,代码见! 前端部分 js 业务处理代码:(一些细节就不全部贴了,需要自己调试修改喽) 1 state = { 2 fileList

避免以后的无意义重复劳动,将用过的所有的头文件库文件的配置都放在这里,以后要用的话直接copy就好. eigen3: INCLUDEPATH += \ /usr/local/include/eigen3/ g2o: INCLUDEPATH += /usr/local/include/ LIBS += -L"/usr/local/lib" -lg2o_cli -lg2o_core -lg2o_simulator -lg2o_csparse_extension -lg2o_ext_free

apache的配置 这是windows下的 在httpd-vhosts.conf文件中把目录指向项目index.html文件所在的位置 # Virtual Hosts # <VirtualHost *:80> ServerName localhost DocumentRoot D:/wamp64/www/huanzuan/dist <Directory "D:/wamp64/www/huanzuan/dist"> Options Indexes FollowSy

1. Django ORM O(objects):类和对象. R(Relation):关系,关系数据库中的表格. M(Mapping):映射. Django ORM框架的功能: a) 建立模型类和表之间的对应关系,允许我们通过面向对象的方式来操作数据库. b) 根据设计的模型类生成数据库中的表格. c) 通过方便的配置就可以进行数据库的切换. 2. Django数据库配置 2.1 mysql命令回顾 登录mysql数据库: mysql –uroot –p 查看有哪些数据库:show databa

UI_DIR = ./ui #ui文件目录 TARGET = Test #最终生成目标名 DESTDIR = $$PWD/../test #目标生成目录,$$PWD表示当前目录下 DLLDESTDIR = $$PWD/../bin #dll目录,若生成dll则会将dll copy一份到此目录下 OBJECTS_DIR = $$PWD/../obj #对象文件的存放路径 MOC_DIR = $$PWD/../moc #moc文件的存放路径 CONFIG(debug, debug|release){

JS:文档:0.1.4 配置 js 环境.note链接:http://note.youdao.com/noteshare?id=e32fa75c1baa014b5819fa5e22887dbc&sub=02CCF50E35E747C6B7529C931FC180E1 TS:文档:0.1.3 配置 ts 环境.note链接:http://note.youdao.com/noteshare?id=abb127cbbf4cb3e3f1c029c588f5ae04&sub=1E47CB8F0BA9