easy_ui之搭建后台界面（一）

1、导入easy UI相关组件

首先我们在项目的webContent目录下新建一个static文件夹，这个文件夹主要存在我们的一个静态资源文件(js,css等),然后我们在官网下载好easy ui后将下载的文件夹复制到static文件夹下。

结果如图

2、搭建easyUI的环境

2.1、抽取公共模块

1、在webContent界面下面新建common文件夹，这个文件夹主要存放我们后台管理的jsp文件，然后在common界面下面新建common文件，此文件夹主要存放后台管理jsp文件中的一些公共模块，比如现在的easyUI的环境

2、在common文件夹下新建common.jsp

String ctp = request.getContextPath();

request.setAttribute("ctp", ctp);

3、在common文件夹中新建head.jsp文件。

<%@include file="/common/common.jsp" %>

从效果图我们可以看出来整个界面分为四个部分分别是上下左右四个部分现在我们通过easyui实现这个效果

1、打开easyui API搜索 layout，学习easyUI布局，其中region代表位置除去不要部分就得到了

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@include file="/common/head.jsp" %>

<html>

<head>

<title>昆仑数据库管理器</title>

body {

font-family: microsoft yahei;

}

</style>

</head>

</div>

</div>

</div>

</div>

</body>

</html>

结果如图

easy_ui之搭建后台界面（一）相关推荐

使用bootstrap搭建后台界面(一)列表展示
在这里展示如何使用bootstrap搭建后台界面,所有教程可以到百度上找到,这里是一些经验. 最后效果如图: 需要引入三个头文件: <link href="bootstrap/css/ ...
vue+antd搭建后台管理界面模版（PC端），适配中文、英文、日文 mock数据，开箱即用
vue+antd搭建后台管理界面模版(PC端) 完整代码下载地址:vue+antd搭建后台管理界面模版(PC端) 技术栈 vue2 + vuex + vue-router + webpack + ES ...
通过xadmin或者suit-v2快速搭建后台管理系统
2019独角兽企业重金招聘Python工程师标准>>> 一.xadmin安装和注册使用 pip install xadmin#pip升级后这种安装就报错 python -m pip ...
【SSH网上商城项目实战03】使用EasyUI搭建后台页面框架
转自:https://blog.csdn.net/eson_15/article/details/51312490 前面两节,我们整合了SSH并且抽取了service和action部分的接口,可以说基 ...
网页短信平台国际通道搭建|后台定制-移讯云短信系统
网页短信平台国际通道搭建|后台定制-移讯云短信系统这里先介绍下客户的定制需求,稍候放出开发构架和开发思路我们根据市场需要,开发了一套可以接入国际通道的短信系统. 一:客户对短信平台系统开发的定制要 ...
国际短信平台短信路由搭建后台软件定制-移讯云短信系统
国际短信平台短信路由搭建后台软件定制-移讯云短信系统什么是短信路由短信路由是指当短信发送时,不通的关键字内容,不同的地区进行线路分流.实现压缩成本速度和质量保证. 新的客户端客户登录后发送短信时可 ...
源码国际短信平台路由流程搭建后台软件定制-移讯云短信系统
源码国际短信平台路由流程搭建后台软件定制-移讯云短信系统短信路由流程这里说下我们在开发实践过程中实现短信路由的流程 1:设置账号的全网通道.2:设置通道可发的地区.3:设置内容关键字的通道流程: ...
使用bootstrap搭建后台管理系统页面《二》
1.使用bootstrap搭建后台管理系统页面<二> 这次不需要另外写css.直接完全引用bootstrap下的样式. 完成以后的效果: 源代码: <%@ page language ...
node搭建后台实现账户登录
node搭建后台实现账户登录 1.创建项目结构 2.创建前端登录页面 3.创建users.json文件模拟数据库 4.创建后台接收,判断,反馈逻辑 1.创建项目结构 data,public,views ...
Yii2搭建后台并实现rbac权限控制完整实例教程
分享到一键分享 QQ空间新浪微博百度云收藏人人网腾讯微博百度相册开心网腾讯朋友百度贴吧豆瓣网搜狐微博百度新首页 QQ好友和讯微博更多... 百度分享 photoshop教程 ...

easy_ui之搭建后台界面（一）

easy_ui之搭建后台界面（一）相关推荐

最新文章

热门文章