前面记到数据库与模型(models)有联系,现在记录一下视图与模板,他们两个也有联系。个人理解:视图就好像一个cpu,比较核心,就是用来处理问题的,又叫业务逻辑处理,他把处理完的结果插入到模板里面,最后将模板返回给前端,进行展示。模板就好比一篇完形填空,留一些空等着视图插入数据。这里说明一下,django是根据url来选择视图的。(强大的url系统)写视图如下:def detail(request
第一部分: 前言  ant.design是基于react开发的一个解放ui和前端的工具,它提供了一致的设计方便我们快速开发和减少不必要的设计与代码,很多实用react框架的开发者都已经在使用ant.design了,且其在github上的star数也早已上万,足见其火热程度。  ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。    ant.design设计很精妙,vue的iv
转载 2024-05-23 05:56:50
196阅读
背景基于自我想完成项目学习想用其现成的前端内容而使用ant design pro,ant design pro为蚂蚁金融开发的一款开箱即用的中台前端/设计解决方案下载Node.js官方网站:http://nodejs.cn/ 下载其长期支持版本即可安装Node.js 设置安装路径后一路点击next完成即可配置Node.js环境在Node.js相应文件夹里创建node_cache和node_glob
转载 2024-03-29 09:11:22
120阅读
本人后端开发,js马马虎虎能看懂,通过cv大法可以实现功能,vue看了简单的示例,然后就上手使用ant-design-pro of vue了,然后发现其中很多写法根本不知道在说什么。本文主要介绍pro中涉及到的后端人员可能不知道的知识:目录一、@写法,如二、router.push()命名路由一、@写法,如import { constantRouterMap } from '@/config/rou
转载 2024-02-27 14:35:10
135阅读
ant design pro来源于ant design,其是一段自带样式的react组件,用于企业后台的漂亮的,可控的组件。ant design有很多组件和样式,不可能所有都记住,我们只要记住常用的,遇到不常用的,学会查文档就可以了 因为ant design很强大,阿里有些大神就直接将ant design继续向上封装成一个完整的项目,这就是ant design pro,注意ant design p
一、概述1.1、脚手架概念  编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具。例如大多数的React项目都有src,public,webpack配置文件等等,而src目录中又包含components目录等等。每次在新建项目时,手动创建这些固定的文件目录。脚手架的作用就是帮助你完成这些重复性的工作,包括一键生成主要的目录结构、安装依赖等等。1.2、参考地址 
转载 2024-03-28 13:36:59
236阅读
关注米兜Java并置顶,一起涨姿势~    关注米兜Autumn2020     热点推荐1为什么我应当使用Apache OpenOffice?2Ant Design of React - 项目实战3Ant Design of React - 快速上手4Ant Design of React - 入门了解Ant Desi
项目中的前端组件已达到一定规模,平时常常有开发人员来询问我组件的用法,并且已存在很多由于使用不当造成的问题,因此有必要出一份前端组件的使用文档,方便别人,也方便自己。使用什么样的格式让我费了不少脑筋,使用word不方便别人索取和自己更新;使用wiki,不方便自己编写;使用普通的html,成本很高。觉得如果能做一个类似于Ext Api Doc那样的文档就很不错,使用它很方便,不光能建立起类与类的层级
一、概述二、详细2.1、构建当项目开发完毕,只需要运行一行命令就可以打包你的应用: npm run build 由于 Ant Design Pro 底层使用的 roadhog 工具,已经将复杂的流程封装完毕,对于大部分场景,构建打包文件只需要一个命令 roadhog build,构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打
转载 3月前
432阅读
# 在Docker中部署Ant Design项目 Ant Design是一个流行的React UI组件库,它提供了丰富的可重用UI组件和样式。在本文中,我们将介绍如何在Docker中部署Ant Design项目。 ## 准备工作 在开始之前,我们需要确保已经安装了Docker和Node.js。可以在命令行中运行以下命令来检查它们是否已经安装: ```shell docker -v node
原创 2023-08-20 06:55:53
566阅读
新公司需要用到 identityServer4 来做微服务的架构部署。其中一个项目使用前端 ant design pro +react 后端使用 .net core,关于identityServer4 的部署和identityServer4与后端的整合这里就不讲了,网上很多类似的讲解,这里只讲ant design pro +react与identityServer4 的集成,网上也有很多
转载 2024-03-05 19:58:36
227阅读
一直忙于工作,也没时间总结。现在有点零散时间把之前做的笔记整理一下。目前项目使用的技术栈是,前端UI框架Ant Design Pro,数据交互使用react,后端使用的是springcloud,离线存储数据使用hadop(刚搭完还没开始用).后端的技术栈世面上基本稳定都用微服务这套,因为spring全家桶一直非常稳定。Ant Design Pro目前蚂蚁金服和阿里巴巴内部上百个项目正在尝试 Pr
转载 2021-07-28 14:40:10
1083阅读
一直忙于工作,也没时间总结。现在有点零散时间把之前做的笔记整理一下。目前项目使用的技术栈是,前端UI框架Ant Design Pro,数据交互使用react,后端使用的是springcloud,离线存储数据使用hadop(刚搭完还没开始用).后端的技术栈世面上基本稳定都用微服务这套
转载 2022-04-24 14:29:16
508阅读
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
背景在中控台系统中经常需要带条件过滤、分页、排序等的列表页面,antd提供了表格、排序、分页等,多个页面中使用会发现里面其实有很多重复的代码,自己捣腾下最后有了这个组件, 使用说明列表使用如图所示: 引入高阶组件pagedQuery引入封装的TableList 基本上跟Antd table组件用法一致,只是初始化了许多默认参数用高阶组件包裹组件,并传参// type为必须参数,一般对应
转载 6月前
140阅读
Visual Studio Code(VS Code)安装与C/C++编程的相关设置图解Visual Studio Code(简称 VS Code)是微软推出的一款跨平台、免费并开源的代码编辑器。使用 Monaco Editor 作为其底层的代码编辑器。目前,Visual Studio Code 默认支持非常多的编程语言,包括 JavaScript、TypeScript、CSS 和 HTML;也可
转载 2024-09-23 17:46:00
126阅读
Antd Menu 简述Menu 为页面和功能提供导航的菜单列表。导航菜单是一个网站的灵魂,用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航,顶部导航提供全局性的类目和功能,侧边导航提供多级结构来收纳和排列网站架构。要点提取核心实现Menu 的用法。<Menu selectedKeys={["analysis"]} > <Menu.Item index="
转载 2024-04-01 09:04:22
250阅读
第一 设计原则官方网址:https://ant.design/index-cn需要做出更好的设计决策,给予研发团队一种高确定性、低熵值的研发状态。同时,不同设计者在充分理解业务述求后,基于 Ant Design 体系都会有相同且符合当前业务特性的设计产出。1.保持克制: 能做,但想清楚了不做。设计者应当聚焦在最有价值产品功能打磨,并用尽可能少的设计元素将其表达。正如 Antoine de
一,Bootstrap介绍: 一年前的我还沉浸在移动端各种适配和优化中不能自拔,为了适配市场的各种分辨率,我拿着谷歌百分比布局,也有生成各中分辨率下的尺寸文件,或通过测量屏幕宽高来定义同比例缩放的包裹控件等达到适配效果。当我路过Web前端搞了css+html+javascript+jquery之后同样也会遇到适配问题,了解了一些前端框架,今天晚上看到了Bootstrap这个框架,Bootstra
Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架,号称可以让开发人员轻松搭建企业级的前端项目。进入官网,选择开始使用,可以看到官网提示:你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue,提前了解和学习这些知识会
转载 2024-05-09 11:03:29
428阅读
  • 1
  • 2
  • 3
  • 4
  • 5