前言:学习目标实现点击登录按钮,直接进入后台布局页面,类似下面antd官网文档展示效果 ant.design访问 https://ant-design.gitee.io/components/menu-cn/ 速度比较快 1.最开始想的很简单,增加一个页面,修改一个路由即可,实际操作中掉了几次坑,花了很长时间 首先修改路由如下,注意:如果写后面,比如 的话会报 要放前面如下 或者增加exact 注意,嵌套路由父路由不能使用exact:true 这种无法访问 2.修改BasicLayout内容如下

import React from 'react'; import {Link, withRouter} from 'react-router-dom'; import {Layout, Menu, Icon} from 'antd'; const {SubMenu} = Menu; const {Sider} = Layout; class SideBar extends React.Component { constructor(props) { super(props); this.sta

待更新... 2018-5-21 13:53:52 1 环境说明 2 搭建Angular项目 详情参见 -> 点击前往 辅助技能 -> 点击前往 3 创建共享模块 ng g m shared 共享模块主要用来简化导入的目的,例如:多个模块都需要导入一些模块,我们可以在跟模块中进行导入:但是这种方式不推荐使用,因为比较Low:所以我们可以将一些常用的模块在共享模块导入,然后从共享模块进行导出操作,这样其它模块只需要导入共享模块就可以将其它的所需模块以通导入啦 技巧01:只用支持多次导入的模块才可

antd快速开发(Form篇) 前言 由于一直在做中台业务,后台项目特别多,但是后台项目的特点是:大量的列表和大量表单,重复开发会降低效率,所以我这边总结了一下使用antd组件搭建form的快捷方法.希望能对大家有用. 传统Form搭建 首先传统搭建一个form表单,那么代码可能会是下面这样子 import React from 'react'; import { Form, Input } from 'antd'; @Form.create() class MyTestForm extends

第一步: Android(1) - 在 Windows 下搭建 Android 开发环境,以及 Hello World 程序 搭建 Android 的开发环境,以及写一个简单的示例程序 · 在 Windows 下搭建 Android 开发环境 · Android 项目的目录结构说明 · 写一个简单的 Hello World 程序 一.在 Windows 下搭建 Android 开发环境 1.安装 JDK (Java Development Kit) http://download.java.ne

很多时候我们需要组件能够根据窗口变化改变宽高,有时候可以使用css,有时候需要随数据调整则使用js计算. 比如说,当我们在页面中放置一个iframe时,我们希望它的宽高随着其父元素or窗口的变化而变化: 再比如说,当我们引用一个ant Table组件,并且动态传入columns及dataSource时,由于需要控制sroll值我们需要获得动态的width和height: ...... 下面我们举几个栗子  例1:使用antd layout布局,如下图,content宽高会随着窗口变化,我们希望i

目录 1.项目准备 1.1 rem适配 1.2 通用样式CSS 1.3删除测试代码 1.4Git托管 2.login页面 2.1 页面布局和表单校验 2.2login页的接口抽取 2.5.loading效果 2.6封装token方法 2.7轻提示toast 2.8整合三部分代码 2.9使用token的保存方法 2.10跳转到home 2.11 重定向 3.layout页面 3.1整合底部layout结构 3.2layout嵌套路由 4.user页面 4.1.整合路由 4.2顶部区域 4.3操作按

一.Antd(Ant Design)的使用:引入全部Css样式 1.1 antd官网: https://ant.design/docs/react/introduce-cn 1.2 React中使用Antd 1.在项目根目录安装antd[每个项目都安装一次]: npm install antd --save / yarn add antd / cnpm install antd --save 2.在您的react项目的css文件中引入Antd的css[会引入所有css样式]: @import '

如何在ASP.NET Web站点中统一页面布局[Creating a Consistent Layout in ASP.NET Web Pages(Razor) Sites] 一.布局页面介绍[About Layout Pages] 很多网站有些内容需要显示在各个页面中,比如Header,Footer或者告诉用户已经登录的部分.ASP.NET允许你创建一个单独的文件来包含文本.标签和代码的内容块,从而搭建一个风格整齐的网站.接下来你就可以将这个内容块插入到任何你想要让它展示的页面中.采用这种方法

使用SSM(Spring.SpringMVC和Mybatis)已经有三个多月了,项目在技术上已经没有什么难点了,基于现有的技术就可以实现想要的功能,当然肯定有很多可以改进的地方.之前没有记录SSM整合的过程,这次刚刚好基于自己的一个小项目重新搭建了一次,而且比项目搭建的要更好一些.以前解决问题的过程和方法并没有及时记录,以后在自己的小项目中遇到我再整理分享一下.这次,先说说三大框架整合过程.个人认为使用框架并不是很难,关键要理解其思想,这对于我们提高编程水平很有帮助.不过,如果用都不会,谈思想就

这几天搭了个spring+struts2+mybatis的架子,练练手,顺便熟悉熟悉struts2. 环境:myEclipse10+tomcat7+jdk1.6(1.8的jre报错,所以换成了1.6). 框架:spring+struts2+mybatis. 前言: 1.spring+mybatis的配置同    spring  MVC : 2.唯一要注意的是strtus2和spring的整合(spring中的bean注入到action中,网上各种讲解,但都相对于各自的项目,所以,新入手strut

基于这段时间折腾redis遇到了各种问题,想着整理一下.本文主要介绍基于Spring+Mybatis以注解的形式整合Redis.废话少说,进入正题. 首先准备Redis,我下的是Windows版,下载后直接启动redis-server就行了,见下图: 一,先上jar包 二,创建实体类 package com.sl.user.vo; import java.io.Serializable; import com.fasterxml.jackson.databind.PropertyNamingSt

1.前言 使用框架都是较新的版本: Spring 4.0.2 RELEASE Spring MVC 4.0.2 RELEASE MyBatis 3.2.6 2.Maven引入需要的JAR包 2.1设置Maven的下载地址 2.2配置pom.xml文件 <properties> <!-- spring版本号 --> <spring.version>4.0.2.RELEASE</spring.version> <!-- mybatis版本号 -->

依赖导入以及框架整合 (1).打开项目的pom.xml文件,声明依赖 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_

MyBatis和Spring整合 思路 1.让spring管理SqlSessionFactory 2.让spring管理mapper对象和dao. 使用spring和mybatis整合开发mapper代理及原始dao接口. 自动开启事务,自动关闭 sqlsession. 3.让spring管理数据源( 数据库连接池) 创建整合工程 加入jar包 添加Folder--lib 1.mybatis3.2.7本身的jar包 2.数据库驱动包 3.spring3.2.0 4.spring和mybatis整

自己接触ssm框架有一段时间了,从最早的接触新版ITOO项目的(SSM/H+Dobbu zk),再到自己近期来学习到的<淘淘商城>一个ssm框架的电商项目.用过,但是还真的没有自己搭建过,一直都是用别人搭建好的.所以,从网上找了一些材料,结合自己来解决过程中的一些问题,使自己对ssm框架理解更加深了,不为分享,只是总结一下,下次有机会再搭建的时候,直接看自己的博客,省得找了! 一.准备环境: maven:apache-maven-3.2.3 jdk:jdk1.8.0_25 tomcat:tom

Maven引入需要的JAR包 pom.xml <properties> <!-- spring版本号 --> <spring.version>4.0.2.RELEASE</spring.version> <!-- mybatis版本号 --> <mybatis.version>3.2.6</mybatis.version> <!-- log4j日志文件管理包版本 --> <slf4j.version>

本文将在Eclipse开发环境下,采用Spring MVC + Spring + MyBatis + Maven + Log4J 框架搭建一个Java web 项目. 1. 环境准备: 1.1 创建数据库: 本文使用的数据库为MySQL ,首先创建一个test数据库,创建goods表,SQL如下: CREATE TABLE `goods` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `goodsname` VARCHAR(20) NOT NULL, `good

说到SSH也就是Spring,struts2,Hibernate三大框架那么咱们话不多说开始搭建吧 首先我们这个项目的目的是应用三大框架将一个商品的信息保存到数据库中. 第一步就是创建Web项目,引入相应的Jar包: Struts2框架开发的相应jar包 Spring框架开发的相应jar包 Hibernate框架开发的相应的jar包 本项目整合共用到43个jar包大家可以看自己需求,以下是项目Jar包构图 第二步我们就开始搭建项目 项目架构图: 这里为了单纯实现效果没有定义接口类不过一样可以达成

感谢学习文章来自http://www.cnblogs.com/xdp-gacl/p/4271627.html,spring3修改为spring4.还有提示驱动过期的问题,是由于使用了mysql-connector-java 6.X的原因 1,首先构建一个maven web项目 2,创建一个用户表,用于基本的数据查询,这里使用的是mysql数据库 DROP TABLE IF EXISTS user; CREATE TABLE `user` ( `user_id` varchar(30) NOT N

前面已经说了,springMVC+spring+Mybatis的整合思路了,现在就照着这个思路来做一下: 在开始之前先来看一下工程的目录结构: config这个目录底下放的都是配置文件: mybatis-config.xml是Mybatis的全局配置文件 applicationContext.xml是spring的配置文件 dispatch-servlet.xml是springMVC的配置文件 另外两个是数据库的文件和日志文件 首先是jar,对于jar我就不贴出来了(这里整合的都是3.x的)记得