最为纯粹简单的后台管理页面框架

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>在线报名系统</title>
    <style type="text/css">
        /*开始   初始CSS模板   开始*/body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea
        {
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-style: normal;
            font-size: 100%;
            font-family: inherit;
        }
        html, body
        {
            height: 100%;
            overflow:hidden;
        }
        ol, ul, li
        {
            list-style: none;
        }
        img
        {
            border: 0;
        }
        body
        {
            color: #000;
            background: #FFF;
            text-align: left;
            font: 12px/1.5 Arial, Helvetica, sans-serif;
        }
        .clear
        {
            clear: both;
            height: 1px;
            margin-top: -1px;
            width: 100%;
        }
        /*结束  初始CSS模板  结束*/

        #head
        {
            /*margin:2px  auto;*/
            margin: 0px;
            height: 25px;
            width: 100%;
            background: #B0CFFA;
            border-bottom: solid 1px #B0CFFA;
            vertical-align :bottom;
            position:absolute;
            top:0px;
        }
        #head p
        {
            margin-left: 10px;
            color: #FFFFFF;
        }
        #content
        {
            width: 100%;
            height: auto;
            position:absolute;
            overflow:auto;
            top:26px;
            bottom:20px;
        }
        #content .left
        {
            float: left;
            width: 200px;
            height: 100%;
            vertical-align: top;
            border-right:solid 1px #B0CFFA;
        }
        #content .right
        {
            overflow: auto;
            background: silver;
            height: 100%;

        }
        #fotter
        {
            background: #0099CC;
            height: 20px;
            width: 100%;
            border-top: solid 1px blue;
            position:absolute;
            bottom:0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="head">
        <p>
            欢迎观临最为纯粹简单的后台管理系统平台</p>
    </div>
    <div id="content">
        <div class="left">
            <a href="Default.aspx" target="mainFram">测试链接</a><br />
            <a href="http://www.cnblogs.com" target="mainFram">博客园</a><br />
            <a href="http://www.CSDN.net" target="mainFram">CSDN</a>
        </div>
        <div class="right">
            <iframe name="mainFram" frameborder="0" scrolling="auto" height="100%" width="100%">
            </iframe>
        </div>
    </div>
    <div id="fotter">
        <p>
            今天是星期四,2014年7月10日</p>
    </div>
    </form>
</body>
</html>

最为纯粹简单的后台管理页面框架

时间: 2024-08-01 11:46:52

最为纯粹简单的后台管理页面框架的相关文章

wordpress——在插件后台管理页面中添加javascript和ajax

最近在开发一个wordpress插件,需要在插件的后台管理页面上,添加自己写的javascript文件,以达到一些功能. 查了好几天的文档和资料,终于实现了. 这里先介绍下wordpress后台页面添加javascript的过程,再介绍添加ajax的过程. 添加javascript 首先我们需要知道wordpress插件开发的框架,然后再介绍javascript添加的步骤. 添加插件设置页面 开发插件,总需要在管理后台添加自己的插件设置页面.插件设置子页面,在这些页面中,可以设置和保存插件的一些

后台管理页面布局

1 <!DOCTYPE html> 2 <!--后台管理页面布局1--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 <style> 8 body{ 9 margin: 0; 10 } 11 .left{ 12 float: left; 13 } 14 .rig

强大的邮件系统和简单的后台管理

强大的邮件系统和简单的后台管理 环境: CentOS 6.0 软件:PostFix Dovecot 描述:Postfix是收发信全球最快的邮件服务器,而且安全免费,无论是从成本还是稳定/安全考虑       都是企业最好的选择.服务器运维技术一直都是朝着高效,稳定,安全,易管理的方向发展.       本邮件服务器有各种安全机制和一条命令可完成管理员所有的任务.规范,易于操作,而且管       理界面简洁,全中文,就是一个不懂linux和英文的IT管理员都能完成所有邮件后台工作. 环境配置 设

HTML高级标签(2)————窗口分帧(2)————后台管理页面

使用frameset进行窗口分帧,构建简易的后台页面.这篇博客就作为一个简易后台管理页面的实战演练. 1  首先,需要一个页面,使用<frameset>按比例划分为适合的三个区域:头部,菜单,主体. <frameset>不能放在<body>中编写. 给每一个<frame>进行命名,便于后面链接时target属性可以直接指向指定位置. 代码如下(文件名自定义,我写的是 frameset.html): <html> <head> <

css做的后台管理页面,不考虑ie8一下的

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>盒子模型</title> <style type="text/css"> * { margin:0; padding:0; } html, body { height:100%; width:100%; overflow:hidden; } .wrap { he

5. 添加后台管理页面

接着上篇继续,博客网站少不了后台管理页面,在后台可以添加文章以及维护基础数据,因此本文主要就介绍怎样添加视图页面.怎样使用视图模型.绑定静态资源以及ThymeLeaf模板引擎的基本使用,具体如下:1. 添加Menu类,表示后台管理页面中的左侧菜单 1 package com.lvniao.blog.model; 2 3 import java.util.ArrayList; 4 import java.util.List; 5 6 public class Menu { 7 8 private

8 功能6:后台管理页面,编辑文章

1.后台管理页面之文本编辑 # 后台管理url re_path(r'^cn_backend/$', views.cn_backend, name='cn_backend'), re_path(r'^cn_backend/add_article/$', views.add_article, name='add_articles'), view视图 from django.shortcuts import render, HttpResponse, redirect from blog import

FF.PyAdmin 接口服务/后台管理微框架 (Flask+LayUI)

源码(有兴趣的朋友请Star一下) github: https://github.com/fufuok/FF.PyAdmin gitee: https://gitee.com/fufuok/FF.PyAdmin 初衷 运维开发中, 各类接口服务和后台管理系统必不可少, 索性写个通用的/简单易用的/支持快速开发的微框架. 一是开发时尽可能只关注业务逻辑, 快速实现, 不用再过多考虑架构/前端/布局什么的. 二是将常用业务逻辑二次封装, 使用时, 用简洁的语句即可完成复杂的事务, 并自动处理异常.

预约系统(四) 管理页面框架搭建easyUI

Manage控制器用于管理页面 Index视图为管理页面首页,采用easyUi的后台管理框架 Html头部调用,jquery库,easyui库,easyui.css,icon.css,语言包 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>管理页面</title>