完成博客的不分页面

This commit is contained in:
augushong
2020-04-24 13:04:56 +08:00
parent d07fd05f65
commit 3a36960c9c
8 changed files with 560 additions and 0 deletions

View File

@@ -67,6 +67,21 @@
</li>
</ul>
{/if}
{if get_system_config('index_tpl_name') == 'blog_' }
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">博客主题</a>
<dl class="layui-nav-child">
<dd class="left-nav-item" data-name="pc-nav-6">
<dd class="left-nav-item" data-name="blog"><a href="{:url('System/blog')}">一般参数</a></dd>
</dd>
</dl>
</li>
</ul>
{/if}
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">

122
view/admin/system/blog.html Normal file
View File

@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>系统管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'System';
var currentLeftNavItem = 'blog';
</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_system"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统设置</cite></a>
</span>
</div>
<div class="main-container">
<div class="layui-col-md6">
<fieldset class="layui-elem-field">
<legend>系统管理</legend>
<div class="layui-field-box">
<form class="layui-form" action="{:url('admin/System/update')}" method="post"
lay-filter="*">
<div class="layui-form-item">
<div class="layui-form-label">欢迎语</div>
<div class="layui-input-block">
<input type="text" name="blog_welcome_tips" value="{:get_system_config('blog_welcome_tips')}" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">首页背景大图</div>
<div class="layui-input-block">
<div>
<div class="layui-btn upload-index-bg">上传</div>
</div>
<div>
<img class="index-bg" style="max-width: 200px;"
src="{:get_source_link(get_system_config('blog_index_bg_img'))}" alt="">
</div>
<input type="hidden" name="blog_index_bg_img" value="{:get_system_config('blog_index_bg_img')}"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">首页背景大标题(支持换行)</div>
<div class="layui-input-block">
<textarea name="blog_index_bg_title" class="layui-textarea">{:get_system_config('blog_index_bg_title')}</textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">首页背景小标题(支持换行)</div>
<div class="layui-input-block">
<textarea name="blog_index_bg_title_plus" class="layui-textarea">{:get_system_config('blog_index_bg_title_plus')}</textarea>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" submit lay-submit lay-filter="site-info">保存</button>
</div>
</form>
</div>
</fieldset>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
<script>
layui.use(['layer', 'form','upload'], function () {
var form = layui.form;
var upload = layui.upload;
form.val('*', {
index_tpl_name: '{:get_system_config("index_tpl_name")}'
})
var uploadSiteLogo = upload.render({
elem: '.upload-index-bg',
url: '{:url("File/save")}',
data: {
type: 1,
dir: 'site_logo'
},
accept: 'images',
done: function (result) {
if (result.code == 0) {
layer.msg('上传成功');
$('input[name="blog_index_bg_img"]').val(result.data.save_name);
$('.index-bg').attr('src', result.data.src);
} else {
layer.msg(result.msg)
}
}
})
})
</script>
</div>`
</body>
</html>

View File

@@ -0,0 +1,2 @@
{include file='common/_require'/}
<link rel="stylesheet" href="/static/css/index.blog.css">

View File

@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Document</title>
{include file='common/_blog_require'/}
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<style>
.item .img{
display: flex;justify-content: center;align-items: center;height: 200px;
}
</style>
<style>
.index-bg-img{
background-image: url('{:get_source_link(get_system_config("blog_index_bg_img"))}');
}
</style>
</head>
<body>
<div class="header">
<div class="menu-btn">
<div class="menu"></div>
</div>
<h1 class="logo">
<a href="index.html">
<span>{:get_system_config('site_name')}</span>
<img src="{:get_source_link(get_system_config('site_logo'))}">
</a>
</h1>
<div class="nav">
{volist name='list_header_nav' id='nav'}
<a href="{$nav.value}" target="{$nav.target}">{$nav.title}</a>
{/volist}
</div>
<p class="welcome-text">
{:get_system_config('blog_welcome_tips','欢迎来到'.get_system_config('site_name').'的博客')}
</p>
</div>
<div class="banner index-bg-img">
<div class="cont w1000">
<div class="title">
<h3>{:app\\common\\TextFormat::br(get_system_config('blog_index_bg_title'))}</h3>
<h4>{:app\\common\\TextFormat::br(get_system_config('blog_index_bg_title_plus'))}</h4>
</div>
<div class="amount">
<p><span class="text">访问量</span><span class="access">1000</span></p>
<p><span class="text">日志</span><span class="daily-record">1000</span></p>
</div>
</div>
</div>
<div class="content">
<div class="cont w1000">
<div class="title">
<span class="layui-breadcrumb" lay-separator="|">
<a href="{:url('index',['category_id'=>0])}" {eq name='$Request.param.category_id|default=0' value='0'} class="active" {/eq}>全部</a>
{volist name='list_category' id='category'}
<a href="{:url('index',['category_id'=>$category.id])}" {eq name='$Request.param.category_id' value='$category.id'} class="active" {/eq}>{$category.title}</a>
{/volist}
</span>
</div>
<div class="list-item">
{volist name='list_post' id='post'}
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<div class="img"><img src="{$post.poster}" alt=""></div>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>{$post.title}<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>
{volist name='post.categorys' id='post_category'}
<span>{$post_category.category.title}</span>
{/volist}
</h5>
<p>{$post.desc}</p>
<a href="details.html" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
{/volist}
</div>
<div id="demo" style="text-align: center;"></div>
</div>
</div>
<div class="footer-wrap">
<div class="footer w1000">
<div class="qrcode">
<img src="../res/img/erweima.jpg">
</div>
<div class="practice-mode">
<img src="../res/img/down_img.jpg">
<div class="text">
<h4 class="title">我的联系方式</h4>
<p>微信<span class="WeChat">1234567890</span></p>
<p>手机<span class="iphone">1234567890</span></p>
<p>邮箱<span class="email">1234567890@qq.com</span></p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../res/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: '../res/js/util/'
}).use(['element','laypage','jquery','menu'],function(){
element = layui.element,laypage = layui.laypage,$ = layui.$,menu = layui.menu;
laypage.render({
elem: 'demo'
,count: 70 //数据总数,从服务端得到
});
menu.init();
})
</script>
</body>
</html>