![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 66
天水一欢
如海鸥畅翔于天水之间
展开
-
Ant Design Vue 之a-tree-select
Ant Design Vue 是比较流行的vue框架之一,主要是展示a-tree-select 的简单用法,a-tree-select组件主要用于展示树结构的选择。原创 2023-01-30 21:37:30 · 4886 阅读 · 0 评论 -
登录机制中的Cookie、Session、token以及单点登录
在登录机制中很多时候都涉及到Cookie、Session、token以及单点登录。下面我就简单的说明下他们的应用以及他们之间的关系。1.Cookie 通常是保存在浏览器中的,在java 后端 通常生成方式如下:Cookie cookie = new Cookie("username","helloweenvsfei");cookie.setHttpOnly(false);cook...原创 2020-03-08 10:59:08 · 577 阅读 · 0 评论 -
Bootstrap 导航与轮播
学习bootstrap 框架不仅要知道里面的组件如何使用,更重要的是如何改变它组件的样式。以下是bootstarp的导航与轮播组件的使用。1.html部分:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta ht...原创 2019-08-04 11:19:33 · 440 阅读 · 0 评论 -
Bootstrap 之 栅格系统
Bootstrap 是适合做网页前端的框架,easyui适合做平台后端框架。以下是Bootstrap 的 栅格系统简单的应用。如下图:index.html 代码如下:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> ...原创 2019-07-14 15:58:43 · 269 阅读 · 0 评论 -
easyui之excel导入数据
前端部分代码: /** * 导入 */ $('a[type="btn-import"]').bind("click",function(){ $('#importDialog').dialog({ title: '导入文件', ...原创 2019-06-24 07:40:05 · 7779 阅读 · 1 评论 -
打造自己的eayui平台框架
easyui可以用不同的组件搭出不一样的框架出来。如下图,我是用easyui-accordion 做为框架左侧菜单的父容器。前端jsp代码:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java...原创 2019-06-03 07:37:54 · 303 阅读 · 0 评论 -
easyui 之 tree的用法
很多时候我们组织结构需要用树的形式来展示,这个时候可以利用easyui 的tree控件。效果如下: 产品的需求总是不断的变化,需要对树进行增、删、改代码如下:1.前端代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8">...原创 2019-05-12 15:59:33 · 652 阅读 · 0 评论 -
easyui 表单提交与图片上传,图片添加、删除
提交表单和图片是web中经常要用到的。我这里用easyui做了一个表单,里面可以上传多张图片,并且可以进行新增和删除。前端代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...原创 2019-05-21 12:27:53 · 3229 阅读 · 3 评论 -
easyui之 datagrid editor的使用
在项目中有的时候要利用datagrid进行展示记录结果,同时还要对记录进行修改,保存,这个时候就要用到editor.easyui api中讲的不是很详细,今天给大家展示下datagrid的搜索功能以及editor的使用。以下是效果图: 前端代码如下:重点是要用 $('#result_grid').datagrid("endEdit", index);来触发onAfterEdi...原创 2019-05-01 18:02:46 · 16170 阅读 · 0 评论 -
easyui之combobox快速搜索
第一次用combobox的快速搜索功能,很多人会因为不懂关键词q,而不知所措,q到底是什么鬼?q其实代表的是combobox的输入的内容。下面是具体的实现的效果如下图:1.前端实现代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &l...原创 2019-04-21 22:11:52 · 1268 阅读 · 0 评论 -
切换tab改变内容
这周做了一个用背景图标做logo,以及点击tab改变内容的demo,效果如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ...原创 2019-04-14 11:53:15 · 488 阅读 · 0 评论 -
图片与文本对齐
发现有些同学还不知道如何对齐图片与文本,这里不废话。直接贴出源代码。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ...原创 2019-04-03 23:41:52 · 365 阅读 · 0 评论