<!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">
<meta name="description" content="">
<meta name="keywords" content="" />
<title></title>
<!-- ========== Css Files ========== -->
<link href="css/root.css" rel="stylesheet">
</head>
<body>
<!-- Start Page Loading -->
<div class="loading"><img src="img/loading.gif" alt="loading-img"></div>
<!-- End Page Loading -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START TOP -->
<div id="top" class="clearfix">
<!-- Start App Logo -->
<div class="applogo">
<a href="index.html" class="logo"><img src="img/logo.png" alt="modern"></a>
</div>
<!-- End App Logo -->
<!-- Start Sidebar Show Hide Button -->
<a href="#" class="sidebar-open-button"><i class="fa fa-bars"></i></a>
<a href="#" class="sidebar-open-button-mobile"><i class="fa fa-bars"></i></a>
<!-- End Sidebar Show Hide Button -->
<!-- page title -->
<h1 class="title">Dashboard</h1>
<!-- End page title -->
<!-- Start Sidepanel Show-Hide Button -->
<a href="#sidepanel" class="sidepanel-open-button"><i class="fa fa-th-large"></i></a>
<!-- End Sidepanel Show-Hide Button -->
<!-- Start Top Right -->
<ul class="top-right">
<!-- Start Searchbox -->
<form class="searchform">
<input type="text" class="searchbox" id="searchbox" placeholder="Search">
<span class="searchbutton"><i class="fa fa-search"></i></span>
</form>
<!-- End Searchbox -->
<li class="dropdown link">
<a href="#" data-toggle="dropdown" class="dropdown-toggle hdbutton">Add New <span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-list">
<li><a href="#"><i class="fa falist fa-suitcase"></i>Product</a></li>
<li><a href="#"><i class="fa falist fa-comments-o"></i>Blog Post</a></li>
<li><a href="#"><i class="fa falist fa-image"></i>Image Gallery</a></li>
<li><a href="#"><i class="fa falist fa-video-camera"></i>Video Gallery</a></li>
</ul>
</li>
<li class="link">
<a href="#" class="notifications">6</a>
</li>
<li class="dropdown link">
<a href="#" data-toggle="dropdown" class="dropdown-toggle profilebox"><img src="img/profileimg.png" alt="img"><b>Stephen Doe</b><span class="caret"></span></a>
<ul class="dropdown-menu dropdown-menu-list dropdown-menu-right">
<li role="presentation" class="dropdown-header">Profile</li>
<li><a href="#"><i class="fa falist fa-inbox"></i>Inbox<span class="badge label-danger">4</span></a></li>
<li><a href="#"><i class="fa falist fa-file-o"></i>Files</a></li>
<li><a href="#"><i class="fa falist fa-wrench"></i>Settings</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa falist fa-lock"></i> Lockscreen</a></li>
<li><a href="#"><i class="fa falist fa-power-off"></i> Logout</a></li>
</ul>
</li>
</ul>
<!-- End Top Right -->
</div>
<!-- END TOP -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START SIDEBAR -->
<div class="sidebar clearfix">
<ul class="sidebar-panel nav">
<li><a href="index.html"><span class="icon color5"><i class="fa fa-home"></i></span>Dashboard<span class="label label-red">2</span></a></li>
<li><a href="mailbox.html"><span class="icon color6"><i class="fa fa-envelope-o"></i></span>Email<span class="label label-default">23</span></a></li>
<li><a href="#"><span class="icon color7"><i class="fa fa-flask"></i></span>UI Elements<span class="caret"></span></a>
<ul>
<li><a href="icons.html">Icons</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="panels.html">Panels</a></li>
<li><a href="notifications.html">Notifications<span class="label label-danger">NEW</span></a></li>
<li><a href="modal-boxes.html">Modal Boxes</a></li>
<li><a href="progress-bars.html">Progress Bars</a></li>
<li><a href="others.html">Others</a></li>
</ul>
</li>
<li><a href="charts.html"><span class="icon color8"><i class="fa fa-bar-chart"></i></span>Charts</a></li>
<li><a href="#"><span class="icon color9"><i class="fa fa-th"></i></span>Tables<span class="caret"></span></a>
<ul>
<li><a href="basic-table.html">Basic Tables</a></li>
<li><a href="data-table.html">Data Tables</a></li>
</ul>
</li>
<li><a href="#"><span class="icon color10"><i class="fa fa-check-square-o"></i></span>Forms<span class="caret"></span></a>
<ul>
<li><a href="form-elements.html">Form Elements</a></li>
<li><a href="layouts.html">Form Layouts</a></li>
<li><a href="text-editors.html">Text Editors</a></li>
</ul>
</li>
<li><a href="widgets.html"><span class="icon color11"><i class="fa fa-diamond"></i></span>Widgets<span class="label label-blue">7</span></a></li>
<li><a href="calendar.html"><span class="icon color8"><i class="fa fa-calendar-o"></i></span>Calendar<span class="label label-danger">NEW</span></a></li>
<li><a href="#"><span class="icon color14"><i class="fa fa-paper-plane-o"></i></span>Pages<span class="caret"></span></a>
<ul>
<li><a href="social-profile.html">Social Profile</a></li>
<li><a href="invoice.html">Invoice<span class="label label-danger">NEW</span></a></li>
<li><a href="login.html">Login Page</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
<li><a href="lockscreen.html">Lockscreen</a></li>
<li><a href="blank.html">Blank Page</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="500.html">500 Page</a></li>
</ul>
</li>
<li><a href="typography.html"><span class="icon color12"><i class="fa fa-font"></i></span>Typography</a></li>
<li><a href="grid.html"><span class="icon color15"><i class="fa fa-columns"></i></span>Grid</a></li>
<li><a href="customizable.html"><span class="icon color10"><i class="fa fa-lightbulb-o"></i></span>Customizable</a></li>
<li><a href="helper-classes.html"><span class="icon color8"><i class="fa fa-code"></i></span>Helper Classes</a></li>
</ul>
<div class="sidebar-plan">
Bandwidth<a href="#" class="link">60%</a>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
</div>
</div>
</div>
</div>
<!-- END SIDEBAR -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START CONTENT -->
<div class="content">
<!-- Start Page breadcrumbs -->
<div class="page-header">
<ol class="breadcrumb">
<li><a href="index.html">Dashboard</a></li>
<li><a href="#">UI Elements</a></li>
<li class="active">Icons</li>
</ol>
</div>
<!-- End Page breadcrumbs -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START CONTAINER -->
<div class="container-padding container-widget">
<!-- Start Row -->
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-title">FONT AWESOME - Over 500 icons</div>
<div class="panel-body">
<div class="fa
没有合适的资源?快使用搜索试试~ 我知道了~
一个后端静态资源模板,快速搭建网页的必备
共407个文件
png:104个
html:96个
js:91个
需积分: 5 0 下载量 26 浏览量
2023-04-06
20:05:43
上传
评论
收藏 4.51MB ZIP 举报
温馨提示
后端静态资源模板的主要功能包括以下几个方面: 变量替换:模板引擎可以将模板中的变量替换为具体的数值或字符串。这使得在生成 HTML 页面时可以动态地插入数据,从而实现个性化的页面展示。 条件语句:模板引擎可以根据条件语句来判断是否显示某些内容。例如,可以使用 if 语句来判断用户是否已登录,如果已登录则显示欢迎信息,否则显示登录链接。 循环语句:模板引擎可以根据循环语句来重复显示某些内容。例如,可以使用 for 语句来显示一个列表中的所有项。 继承和包含:模板引擎可以使用继承和包含机制来实现页面布局的复用。例如,可以定义一个基础布局模板,然后在其他页面中继承该模板并重写其中的一些部分,从而实现页面布局的统一和复用。 过滤器:模板引擎可以使用过滤器来对变量进行处理。例如,可以使用 date 过滤器来将日期格式化为特定的字符串。 自定义标签和函数:模板引擎可以使用自定义标签和函数来扩展其功能。例如,可以定义一个自定义标签来生成特定的 HTML 代码,或者定义一个自定义函数来对数据进行处理。
资源推荐
资源详情
资源评论
收起资源包目录
一个后端静态资源模板,快速搭建网页的必备 (407个子文件)
summernote-bs3.css 150KB
summernote-bs3.css 150KB
bootstrap.css 144KB
bootstrap.css 144KB
summernote-bs3.css 144KB
bootstrap.css 138KB
style.css 83KB
style.css 83KB
style.css 83KB
fullcalendar.css 25KB
fullcalendar.css 25KB
fullcalendar.css 25KB
font-awesome.min.css 23KB
font-awesome.min.css 23KB
font-awesome.min.css 23KB
datatables.css 16KB
datatables.css 16KB
datatables.css 16KB
chartist.min.css 13KB
chartist.min.css 13KB
chartist.min.css 13KB
sweet-alert.css 12KB
sweet-alert.css 12KB
sweet-alert.css 12KB
summernote.css 11KB
summernote.css 11KB
summernote.css 11KB
rickshaw.css 7KB
rickshaw.css 7KB
rickshaw.css 7KB
bootstrap-select.css 7KB
bootstrap-select.css 7KB
bootstrap-select.css 7KB
daterangepicker-bs3.css 7KB
daterangepicker-bs3.css 7KB
daterangepicker-bs3.css 6KB
shortcuts.css 6KB
shortcuts.css 6KB
shortcuts.css 6KB
graph.css 4KB
graph.css 4KB
graph.css 4KB
awesome-bootstrap-checkbox.css 4KB
awesome-bootstrap-checkbox.css 4KB
awesome-bootstrap-checkbox.css 4KB
bootstrap-toggle.min.css 3KB
bootstrap-toggle.min.css 3KB
bootstrap-toggle.min.css 3KB
responsive.css 2KB
responsive.css 2KB
responsive.css 2KB
root.css 2KB
root.css 2KB
root.css 2KB
detail.css 2KB
detail.css 2KB
detail.css 2KB
legend.css 1KB
legend.css 1KB
bootstrap-wysihtml5.css 1KB
bootstrap-wysihtml5.css 1KB
bootstrap-wysihtml5.css 1KB
legend.css 1KB
Thumbs.db 131KB
Thumbs.db 131KB
Thumbs.db 13KB
Thumbs.db 13KB
Thumbs.db 6KB
Thumbs.db 6KB
Thumbs.db 4KB
Thumbs.db 4KB
.DS_Store 15KB
.DS_Store 12KB
.DS_Store 12KB
.DS_Store 12KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
fontawesome-webfont.eot 59KB
fontawesome-webfont.eot 59KB
fontawesome-webfont.eot 59KB
loading.gif 4KB
loading.gif 4KB
loading.gif 4KB
icons.html 78KB
icons.html 78KB
icons.html 78KB
form-elements.html 47KB
form-elements.html 47KB
form-elements.html 47KB
notifications.html 43KB
notifications.html 42KB
notifications.html 42KB
index.html 42KB
tabs.html 39KB
tabs.html 39KB
tabs.html 39KB
共 407 条
- 1
- 2
- 3
- 4
- 5
资源评论
ALGORITHMLOL
- 粉丝: 2446
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- com.huawei.it.ilearning.android_v260.apk
- 鸟类目标检测数据集-含画眉鸟-百灵鸟xml文件数据集
- pyheif-0.8.0-cp37-cp37m-win-amd64.whl.zip
- 基于深度学习的鸟类种类目标检测-含数据集和训练代码-对百灵鸟-画眉鸟检测.zip
- pyheif-0.8.0-cp38-cp38-win-amd64.whl.zip
- pyheif-0.8.0-cp39-cp39-win-amd64.whl.zip
- pyheif-0.8.0-cp313-cp313-win-amd64.whl.zip
- MyBatis SQL mapper framework for Java.zip
- pyheif-0.8.0-cp312-cp312-win-amd64.whl.zip
- pyheif-0.8.0-cp311-cp311-win-amd64.whl.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功