后台管理系统

<!DOCTYPE html><html lang="en"><head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <title>后台管理系统</title>    <link href="css/bootstrap.min.css" rel="stylesheet">    <script src="js/jquery.min.js" type="text/javascript"></script>    <script type="text/javascript" src="js/bootstrap.js"></script>    <script type="text/javascript">        $(function(){           $(".allocation,.modifier").click(function(){              // window.open("http://localhost:63342/HTML/%E5%A4%A7%E4%B8%89%E5%AE%9E%E8%AE%AD/%E8%BD%AE%E6%92%AD%E5%9B%BE.html?_ijt=e3jov8hr955r86qk0m45v7kpss");          alert("暂时不支持该功能!")           });        })    </script></head><body><div class="form-control" data-example-id="contextual-panels" style="padding: 0;">    <div class="panel" >        <div class="panel-heading"  style="padding: 0; border: 0;">            <nav class="navbar navbar-inverse "  style="margin-bottom: 0;">                <div class="container" >                    <a class="navbar-brand" href="">后台管理系统</a>                    <ul class="nav navbar-nav navbar-right">                        <li ><a href="">欢迎:1204125987</a> </li>                        <li><a href="">退出</a></li>                        <li><a href="">消息                            <span class="badge">10</span></a>                        </li>                    </ul>                </div>            </nav>        </div>        <div class="panel-body" style="padding: 0;">            <div class="bs-example" data-example-id="contextual-panels">                <nav>                    <ul class="nav nav-pills" id="nav" >                        <li class="active"><a href="#div1" data-toggle="tab">订单管理</a> </li>                        <li><a href="#div1" data-toggle="tab">员工管理</a> </li>                        <li><a href="#div1" data-toggle="tab">会员管理</a></li>                        <li><a href="#div1" data-toggle="tab">促销管理</a></li>                        <li><a href="#div1" data-toggle="tab">车辆管理</a></li>                    </ul>                </nav>            </div>            <div class="tab-content">              <div id="div1" class="tab-pane fade in active">                    <div class="col-lg-1  panel panel-success">                        <ul class="nav navbar-left">

<li class="left">                                <a href="#li_ul1"  data-toggle="collapse"> <span class="glyphicon glyphicon-collapse-down left"></span>订单管理</a>                                <ul class="nav panel-collapse collapse in" id="li_ul1" style="margin-left:15%;">                                     <li class="left">

<a href=""> <span class="glyphicon glyphicon-list left"></span>订单列表</a>                                     </li>                                     <li class="left">

<a href=""> <span class="glyphicon glyphicon-plus left"></span>添加订单</a>                                     </li>                                </ul>                            </li>

<li class="left">                                <a href="#li_ul2"  data-toggle="collapse"> <span class="glyphicon glyphicon-collapse-down left"></span>订单管理</a>                                <ul class="nav panel-collapse collapse in" id="li_ul2" style="margin-left:15%;">                                    <li class="left">

<a href=""> <span class="glyphicon glyphicon-list left"></span>订单列表</a>                                    </li>                                    <li class="left">

<a href=""> <span class="glyphicon glyphicon-plus left"></span>添加订单</a>                                    </li>                                </ul>                            </li>                        </ul>                    </div>                    <div class="col-lg-11" >                        <div class="panel panel-success table tab-content table-bordered">                            <form class="form-group navbar-default" action="" role="form" style="margin:0;padding: 0.5% 0 0.5% 1%;">                                    <input  type="text" placeholder="请输入订单号">                                    <button class="btn btn-primary">点击查询</button>                                </form>

<table class="table tab-content table-bordered table-hover text-center ">                               <tr class="table-bordered">                                   <td>订单号</td>                                   <td>产品名称</td>                                   <td>客户名称</td>                                   <td>性别</td>                                   <td>电话</td>                                   <td>地址</td>                                   <td>车牌号码</td>                                   <td>车型</td>                                   <td>车身颜色</td>                                   <td>预约时间</td>                                   <td>下单时间</td>                                   <td>订单状态</td>                                   <td>操作</td>                               </tr>                                <tr >                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation" >【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                                </tr>                                <tr >                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation" >【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                                </tr>                                <tr >                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation" >【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                                </tr>                                <tr >                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation" >【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                                </tr>                                <tr >                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" id="allocation">【分配】</a>                                        <a href="" id="modifier">【修改】</a>                                    </td>                                </tr>                                <tr >                                <td>L010010283166113</td>                                <td>上门辅导写代码</td>                                <td>李先生</td>                                <td>男</td>                                <td>15210987654</td>                                <td>唐家岭路1号院</td>                                <td>京A02009</td>                                <td>奔驰355</td>                                <td>白色</td>                                <td>2015-02-02 21:20:04</td>                                <td>2015-02-02 21:20:04</td>                                <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation">【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                            </tr>                                <tr  class="table-bordered">                                    <td>L010010283166113</td>                                    <td>上门辅导写代码</td>                                    <td>李先生</td>                                    <td>男</td>                                    <td>15210987654</td>                                    <td>唐家岭路1号院</td>                                    <td>京A02009</td>                                    <td>奔驰355</td>                                    <td>白色</td>                                    <td>2015-02-02 21:20:04</td>                                    <td>2015-02-02 21:20:04</td>                                    <td style="color:#c0a16b;">未分配</td>                                    <td><a href="" class="allocation" >【分配】</a>                                        <a href="" class="modifier">【修改】</a>                                    </td>                                </tr>                            </table>                            <ul class="pager">                            <li><a href="#" >上一页</a></li>                            <li><a href="#">1</a></li>                            <li><a href="#">2</a></li>                            <li><a href="#">3</a></li>                            <li><a href="#">4</a></li>                            <li><a href="#">5</a></li>                            <li><a href="#">下一页</a></li>                        </ul>

</div>                    </div>              </div><!--div1完-->        </div><!--tab-content完-->       </div> <!--panel-body完-->    </div></div>

</body></html>
时间: 2024-10-12 17:22:37

后台管理系统的相关文章

构建ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统(54)-工作流设计-所有流程监控

系列目录 先补充一个平面化登陆页面代码,自己更换喜欢的颜色背景 @using Apps.Common; @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta content="IE=11.0000" http-equiv="X-UA-Compatible"> <meta http-equiv="Content-Type" content

Vue2 后台管理系统解决方案

Vue2 后台管理系统解决方案 linshuai 1 天前 基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案. github地址:lin-xin/manage-system demo地址:manage-system 前言 之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足.像图片裁剪上传.富文本编辑器.图表等这些在后台管理系统中很常见的功能,就需要引用其他的组件才能完成.从寻找组件,到使用组件

Django打造在线教育平台_day_3: 搭建后台管理系统Django自带的admin

1.后台管理系统的特点:权限管理.少前端样式.快速开发 2.Django自带的admin后台管理系统,新建项目时会自动建立,admin也可以看成一个app 运行了程序打开链接:http://127.0.0.1:8000/admin/,就进入了后台管理系统登录页面 3.新建超级用户: Tools 工具栏运行 run manage.py Task 输入:createsuperuser,再根据提示输入用户名.邮箱.密码 4.登录成功: 5.把系统语言设置为中文与设置本地时间:修改MxOnline/se

[创业公司做前端]一、后台管理系统

首先,后台管理系统一定要前后端分离,一方面提高前端技术选型的灵活性,再一方面也可以解决后端人员使用模版语言的麻烦.其次,后台管理系统都会有较复杂的数据交互和组件化的需求,react是个合适的选择,mvvm的框架要么概念太多.要么模版语言偏命令式.选择了react之后,再搭配antd,将会是个很好的选择.react-bootstrap也是不错的选择,但是相对于antd来讲,它的组件较少,需要自己封装一些通用组件.数据流方面,慎用redux,在大部分的场景,使用组件state比用redux来的简单快

构建ASP.NET MVC5+EF6+EasyUI 1.5+Unity4.x注入的后台管理系统(1)-前言与目录(持续更新中...)

前言: 起初写这个框架的时候,可以说在当时来说并不是很流行的设计模式,那是在2012年,面向对象的编程大家都很熟悉, 但是“注入.控制反转(DI,IOC,依赖注入).AOP切面编程”新兴名词 很多人并不知道特别是从事.NET开发的人,至少在当时 是这么样的,但是在今天它们却是非常流行的技术指标,很多大牛也承认,这是主流的开发模式,你们可以从招聘网的技术岗位看出. 我从事过MVC2.0到5.0的相关开发工作,见证了MVC的成熟演变过程,就像本框架一样,设计模式未曾改变,但是代码一直在重 构.我也坚

asp.net EF+MVC+Bootstrap 通用后台管理系统

开发环境: VS2012或以上 数据库: SQL Server 2008R2或以上 基于EF+MVC+Bootstrap构建通用后台管理系统,集成轻量级的缓存模块.日志模块.上传缩略图模块.通用配置及服务调用, 提供了OA.CRM.CMS的原型实例,适合快速构建中小型互联网及行业Web系统   Framework 业务无关的底层通用机制及功能 Model基类:提供数据传输和底层的最基本的基类及接口 DAL底层:基于EF code first,提供Repository泛型方法及写历史日志 Unti

构建ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统(51)-系统升级

系统很久没有更新内容了,最近花了2个月的时间每天一点点,从原有系统 MVC4+EF5+UNITY2.X+Quartz 2.0+easyui 1.3.4无缝接入 MVC5+EF6+Unity4.x+Quartz 2.3 +easyui 1.4.3. 并以easyui 1.4.3的gray皮肤为基础,升级10个扁平化皮肤 皮肤查看地址 更新的主要目的:新的MVC5特性和更好的性能 记录一下升级过程. 1.除了web层,其他全部提取. 2.新建解决方案.以前命名空间为App.现在更名为Apps. 3.

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(35)-文章发布系统②-构建项目

注:阅读本文,需要阅读本系列的之前文章 代码生成器下载地址(文章开头处) 接下来我们建立数据库的表和各层的代码 我们只需要两张表,文章列表(MIS_Article)和类别表(MIS_Article_Category) USE [AppDB] GO /****** Object: Table [dbo].[MIS_Article] Script Date: 05/15/2014 17:33:15 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER

vue开发后台管理系统小结

最近工作需要用vue开发了后台管理系统,由于是第一次开发后台管理系统,中间也遇到了一些坑,想在这里做个总结,也算是对于自己工作的一个肯定.我们金融性质的网站所以就不将代码贴出来哈 一.项目概述 首先工作需求是这样的,开发一个公司的总后台,包含各个不同的模块,总体难度一般,没有开发ui图,用的vue-cli .elementui框架.webpack打包. 总需求的思维导图见链接  http://naotu.baidu.com/file/e8c31b43dfb2f18a3c523e0fa1393c0

通用后台管理系统(ExtJS 4.2 + Spring MVC 3.2 + Hibernate)

通用后台管理系统(ExtJS 4.2 +Spring MVC 3.2 + Hibernate) 开发语言JAVA 成品成品 前端技术extjs 数据库mysql,sql server,oracle 系统可作为OA.网站.电子政务.ERP.CRM.APP后台等基于B/S架构的应用软件系统的快速开发框架. 详细信息 原文:http://www.yctxkj.com/product/showproduct.php?lang=cn&id=16 系统可作为OA.网站.电子政务.ERP.CRM.APP后台等