# X-admin
简介
X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的。#X-admin从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发前端后台框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。testadmin
商业友好的开源协议
X-admin遵循Apache2开源协议发布。Apache Licence是著名的非盈利开源组织Apache采用的协议。该协议和BSD类似,鼓励代码共享和尊重原作者的著作权,同样允许代码修改,再作为开源或商业软件发布。
## (ps:喜欢记得点赞,开源免费,大家拿去用,如果过意不去就捐点款,我不介意的)
## 官网
http://x.xuebingsi.com
交流QQ群:519492808
## 2019-05-06更新
修改静态表格展现问题,设置td 最小宽度为80px,table宽度溢出自动出现滚动。
升级方式,下载复制最新的 xadmin.css 在table外盒子增加 两个类。
修改如下:class增加"layui-table-body layui-table-main"
```
<div class="layui-card-body layui-table-body layui-table-main">
<table class="layui-table layui-form">
</table>
</div
```
## 2019-04-26更新
* 完善tab 打开的记忆功能,之后关闭后,之前写入的tab 还可以读取出来
* 增加弹出层父窗口刷新功能 xadmin.father_reload()
* 增加提交后 关闭弹出 层 xadmin.close();
* 静态表格全选 案例在会员列表
* 增加右侧记忆功能
* v2.2升级只需要覆盖 xadmin.js
## 2019-04-13更新
* 对2.1版本整个逻辑重新设计,增加不同的主题,在xadmin.css后面引入主题文件就可以,主题样式文件放在css目录,喜欢记得点赞
## 2019-03-30更新
* 修改 x_admin_show 弹出窗口实现最大化,默认窗口非最大化,如果需要弹出窗口最大化,在最后一个参数传 true
修复x_admin_add_to_tab 函数bug,在多个页面切换过程的报错。
x_admin_show(title,url,w,h,full=false)
## 2019-03-19更新
* 增加非菜单打开tab函数 x_admin_add_to_tab(title,url,is_refresh) titel为tab标题,url为打开页面地址,is_refresh 可选参数,重复点击是否刷新,默认为false不刷新,true为重复点击刷新页面
用法:
index.html 中直接 x_admin_add_to_tab('在tab打开','http://www.baidu.com',true)
iframe页面中 用 parent.x_admin_add_to_tab('在tab打开','http://www.163.com',true)
我的桌面有demo
## 2019-03-07更新
* 是否开启刷新记忆tab功能, 通过index 页面增加 var is_remember = false;不增加默认开启
## 2019-03-06更新
* 增加tab双击关闭当前tab
* 增加tab右键菜单,可实现 关闭当前/关闭其它/关闭全部
## 2019-02-28更新
* 开发升级为2.1, 引入layui 2.4.5
* 增加 html 根标签增加 class="x-admin-sm" 可以实现整体方格字体的细化 原字体14px 变成12px 16px变为14px,对于有些需要显示更多信息的页面比较友好 去除x-admin-sm 恢复原来样式
* 增加动态表格事例
* 增加左侧点击刷新tab 可根据实际需要选择 在 sub-menu li 标签中加上属性 date-refresh="1" ,该链接点击会进行刷新
* 增加弹出层函数 x_admin_father_reload() 该函数可以实现对父窗口的刷新
* 刷新保留左侧展开 (利用cookie 保存点击过的 索引,刷新读取cookie对应的索引 进行展开左侧)
* 增加404错误页面
* tab记忆功能,刷新保留之前打开的tab (利用cookie 保存点击过的 索引,刷新读取cookie对应的索引 进行打开)
## 2018-04-30更新
* 登录页面加上动画效果
* 首页欢迎页面也加动画效果
## 2018-04-25更新
* 针对首页欢迎页面调整
* 修改tab窗口首页为能关闭
* 对角色增加页面重新设计
* 增加图标字体对应的编码
HTML+CSS的后台管理系统
需积分: 0 25 浏览量
更新于2023-11-16
1
收藏 993KB ZIP 举报
【HTML+CSS后台管理系统详解】
HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)是构建网页和后台管理系统的基石。HTML负责定义页面结构,而CSS则用于美化和布局,两者结合能够创建出功能完备、界面美观的后台管理系统。
一、HTML基础知识
1. HTML元素:HTML由一系列的元素组成,每个元素都有其特定的标签,如`<p>`表示段落,`<h1>`到`<h6>`表示不同级别的标题。
2. 结构元素:`<div>`是最常用的一般性容器元素,可以用来组织和分组其他元素。`<header>`、`<nav>`、`<main>`、`<article>`、`<aside>`、`<footer>`等元素则帮助构建网页的语义化结构。
3. 链接与图像:`<a>`标签用于创建链接,`<img>`标签用于插入图像,`src`属性指定图像的URL,`alt`属性提供替代文本。
4. 表格:`<table>`、`<tr>`、`<td>`和`<th>`元素用于创建数据表格。
二、CSS基础知识
1. 选择器:CSS通过选择器来定位HTML元素,如标签选择器(如`p`)、类选择器(`.class`)、ID选择器(`#id`)等。
2. 属性与值:选择器后跟花括号内的声明,声明由属性和值组成,例如`color: red;`改变元素颜色为红色。
3. 盒模型:CSS的盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin),影响元素的尺寸和位置。
4. 浮动与定位:`float`属性常用于创建多列布局,`position`属性(static、relative、absolute、fixed)用于定位元素。
三、HTML+CSS在后台管理系统中的应用
1. 表单处理:后台管理系统通常需要用户输入数据,HTML的`<form>`、`<input>`、`<select>`等元素构建表单,通过`method`和`action`属性提交数据。
2. 数据展示:使用HTML表格显示数据,通过CSS美化表格样式,如设置边框、单元格间距等。
3. 导航菜单:利用`<ul>`、`<li>`和CSS实现响应式导航栏,可以实现下拉菜单和悬浮效果。
4. 响应式设计:后台管理系统需适应不同设备,CSS媒体查询(`@media`)可实现不同屏幕尺寸下的样式调整。
5. 自定义组件:使用HTML和CSS构建自定义的按钮、提示框、加载动画等组件,提高用户体验。
6. 状态管理:通过CSS类(如.active、.disabled)来控制元素状态,展示用户交互反馈。
总结,HTML+CSS的后台管理系统不仅要求功能完善,还需具备良好的可读性和可维护性。开发者需要熟练掌握HTML的语义化标签和CSS的布局技巧,以便创建出高效、美观且易于扩展的后台管理界面。此外,随着前端技术的发展,如Flexbox和Grid布局,以及预处理器如Sass和Less的使用,可以使布局和样式管理更加便捷。
Sweethonor
- 粉丝: 38
- 资源: 1
最新资源
- plc触摸屏工程组态,源码,图纸齐全 设备:plc,昆仑通态触摸屏,变频器,电机,比例泵,电磁阀,远程网关 1,小项目,控制电机泵变频器及比例泵 2,主设备,200smart和昆仑通泰触摸屏 3,mo
- 基于C++和easyX引擎的坦克大战游戏设计源码
- 基于Vue框架的多用户社区平台前端设计源码
- 全部低价打包带走,综合能源系统优化,matlab,cplex,pso粒子群等智能优化算法,光伏,风力,储能,燃气轮机等,微网调度 拿之前问清楚 单卖50一个,全部打包150,其中11没有 可以运行
- 基于php开发的一套知识付费系统源码,支持二开
- FPGA 万兆toe协议栈,支持服务器 客户端模式,纯hdl代码编写,需要的加好友 44小时连续工作无丢包
- 基于多语言支持的轻量级RPC实现设计源码
- 文章复现,考虑综合需求响应和主从博弈的微网优化运行 关键词:主从博弈 需求响应 能量管理 主题:含热电联供的智能楼宇群协同能量管理
- 基于lua-nginx-module的WAF设计源码,融合Lua, JavaScript, CSS, HTML, Shell多语言技术
- Video电动汽车驱动用电机-永磁同步电机设计 从V字型磁钢内置式永磁电机入手,高效通透电机的设计方法,基于有限元环境下对车用电机的工况进行分析,含有功角关系曲线绘制与最佳扭矩角确定,负载运行分析,F
- 基于plain-design-composition的React UI组件库设计源码
- WMM2025COF.ZIP
- 基于HTML、CSS和JavaScript的2201班级网站设计源码仓库
- 基于蒙特卡洛法的电动汽车负荷预测 通过建立电动汽车的出行时间 行驶里程 充电时间的概率模型 采用蒙特卡洛进行抽样 再对电动汽车充电负荷进行累加 通过蒙特卡洛仿真之后 得到电动汽车的负荷预测结果
- 智能微电网优化运行 该微电网含有风光燃气轮机储能同时也与电网连接 程序建立其运行成本最低的优化模型采用粒子群算法进行优化求解得到了其最优运行计划
- 基于多目标粒子群算法的综合能源优化问题 建立了含冷热电的综合能源系统 以新能源供应商收益 综合能源供应商收益 和用户购电成本最小为多目标建立优化模型 采用多目标粒子群算法求解 得到冷热电三个不同网