CRM后台管理系统:HTML+CSS+JavaScript制作企业网站后台管理系统模板网站(46个页面)
一款使用Bootstrap构建,多个主页版本的企业网站后台管理系统,咨询管理,数据统计后台管理ui框架模板下载。包含多个ui工具包,带企业管理系统ui组件等。支持响应式布局,兼容手机端和pc自适应展示效果。
作品介绍
1.网页作品简介方面
:企业网站后台管理系统模板网站 ,喜欢的可以下载,文章页支持手机PC响应式布局。一直秉承“不求多炫,实用为主!”的宗旨,为广大工程师提供最实用,最易用的前端代码。
2.网页作品编辑方面
:此作品为企业网站后台管理系统模板网站,代码为A+水平HTML+CSS+JS 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm
所有编辑器均可使用)
3.网页作品布局方面
:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
4.网页作品技术方面
:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)
文章目录
一、作品演示
1.登录
2.咨询管理
3.产品管理
4.系统统计
5. 会员管理
二、代码目录(46个页面)
│ _blank.html 空白页(每次我们都拿空白页去创建,这样比较干净!)
│ _footer.html 页脚公共代码片段
│ _header.html 头部公共代码片段
│ _meta.html meta公共代码片段
│ robots.txt 搜索引擎爬虫配置文件
│ login.html 管理员登陆
│ index.html 首页(主框架)
│ welcome.html 我的桌面(默认永远打开的页面)
│ member-开头的 用户相关
│ artice-开头的 资讯相关
│ picture-开头的 图片相关
│ product-开头的 产品相关
│ page-开头的 页面相关
│ system-开头的 系统相关
│ admin-开头的 管理员相关
│ charts-开头的 统计相关
……
├─css
│ H-ui.reset.css H-ui.reset css
│ H-ui.css h-ui CSS
│ H-ui.min.css h-ui CSS 压缩版
│ H-ui.login.css H-ui.admin后台登录样式
│ H-ui.admin.css H-ui.admin样式
│ style.css 写你自己的样式
│
├─images UI相关的图片素材
│
├─js
│ H-ui.js H-ui核心脚本
│ H-ui.admin.js 本站相关的js
├─lib
│ jquery jQuery类库(v1.9.1)
│ bootstrapSwitch 开关控件
│ Hui-iconfont_v1.0 阿里图标字体库(H-ui定制)
│ font-awesome 字体库文件
│ icheck 单选框、复选框控件
│ laypage laypage 翻页插件
│ layer layer弹出层插件
│ laytpl JavaScript模板引擎
│ My97DatePicker 日期插件
│ Validform 表单验证插件
│ zepto zepto库
│ ueditor 百度编辑器
│ Highcharts 图表插件
│ dataTables 表格排序,检索插件
│ WebUploader 百度文件上传组件
│ lightbox2 图片预览组件
│
│ html5.js html5插件,让低版本IE支持html5元素
│ DD_belatedPNG_0.0.8a-min.js 解决IE6png透明
│ swfobject.js Flash插件
│ expressInstall.swf 检查flash插件
│ unslider.min.js Unslider图片滚动效果插件
│ stickUp.min.js 让页面元素"固定"位置
│ respond.min.js 让IE兼容media
│ Echo.js 图片延迟加载插件
│ colpick.js 颜色插件
│ handlebars.js js模版引擎
│ waterfall.min.js 瀑布流插件
└─temp 测试数据、图片
三、代码实现
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<LINK rel="Bookmark" href="/favicon.ico" >
<LINK rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="skin/default/skin.css" rel="stylesheet" type="text/css" id="skin" />
<link href="lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>H-ui.admin v2.3</title>
</head>
<body>
<header class="Hui-header cl"> <a class="Hui-logo l" title="H-ui.admin v2.3" href="/">H-ui.admin</a> <a class="Hui-logo-m l" href="/" title="H-ui.admin">H-ui</a> <span class="Hui-subtitle l">V2.3</span>
<nav class="mainnav cl" id="Hui-nav">
<ul>
<li class="dropDown dropDown_click"><a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont"></i> 新增 <i class="Hui-iconfont"></i></a>
<ul class="dropDown-menu radius box-shadow">
<li><a href="javascript:;" onclick="article_add('添加资讯','article-add.html')"><i class="Hui-iconfont"></i> 资讯</a></li>
<li><a href="javascript:;" onclick="picture_add('添加资讯','picture-add.html')"><i class="Hui-iconfont"></i> 图片</a></li>
<li><a href="javascript:;" onclick="product_add('添加资讯','product-add.html')"><i class="Hui-iconfont"></i> 产品</a></li>
<li><a href="javascript:;" onclick="member_add(