zcy
/
MES-Springboot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开发主数据动态编辑，动态添加功能 

删除不需要的文件
pull/1/head
wangziyangyang 2020-03-12 12:36:00 +08:00
parent 2d58dddf9c
commit e1e9940430
12 changed files with 47 additions and 1219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
sparchetype/src/main/java/com/songpeng/sparchetype/basedata/common/controller/QueryTableNameDataController.java
View File

@ -67,6 +67,7 @@ public class QueryTableNameDataController {
List<Map<String, String>> maps = queryTableNameDataService.queryTableNameById(commonDto);
model.addAttribute("result", maps);
}
model.addAttribute("table", commonDto);
return "basedata/manageritem/addOrUpdate";
}

2
sparchetype/src/main/java/com/songpeng/sparchetype/basedata/common/service/QueryTableNameDataService.java
View File

@ -15,7 +15,7 @@ import java.util.Map;
*/
public interface QueryTableNameDataService {
/**
* 基础数据通用查询服务
* 基础数据通用分页查询服务
*
* @param req 列组合
* @return 数据集合

2
sparchetype/src/main/java/com/songpeng/sparchetype/basedata/common/service/impl/QueryTableNameDataServiceImpl.java
View File

@ -33,7 +33,7 @@ public class QueryTableNameDataServiceImpl implements QueryTableNameDataService
public ISpTableManagerItemService iSpTableManagerItemService;
/**
* 基础数据通用查询服务
* 基础数据通用分页查询服务
*
* @param page 分页对象
* @return 数据集合

314
sparchetype/src/main/resources/templates/basedata/manageritem/addOrUpdate.ftl
View File

@ -15,159 +15,50 @@
<form class="layui-form splayui-form">
<div class="layui-row">
<div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
<div class="layui-form-item">
<div class="layui-input-inline layui-hide">
<input type="text" id="js-table-id" autocomplete="off"
class="layui-input" value="${result.id}">
</div>
</div>
<div class="layui-form-item">
<label for="js-name" class="layui-form-label sp-required">表名称
</label>
<div class="layui-input-inline">
<input type="text" id="js-name" name="tableName" lay-verify="required" autocomplete="off"
class="layui-input" value="${result.tableName}">
</div>
</div>
<div class="layui-form-item">
<label for="js-descr" class="layui-form-label sp-required">业务描述</label>
<div class="layui-input-inline">
<input type="text" id="js-descr" name="tableDesc" lay-verify="" autocomplete="off"
class="layui-input" value="${result.tableDesc}">
</div>
</div>
<div class="layui-form-item">
<label for="js-is-deleted" class="layui-form-label sp-required">状态</label>
<div class="layui-input-block" id="js-is-deleted">
<input type="radio" name="isDeleted" value="0" title="正常"
<#if result.isDeleted == "0" || !(result??)>checked</#if>>
<input type="radio" name="isDeleted" value="1" title="删除"
<#if result.isDeleted == "1">checked</#if>>
<input type="radio" name="isDeleted" value="2" title="禁用"
<#if result.isDeleted == "2">checked</#if>>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
<div class="box-between">
<div class="box-between-item">
<label class="layui-form-label" style="width: 120px;">
表字段(共 <span id="js-item-count">0</span> 项)
</label>
<div class="layui-input-inline" style="width: 100px;">
<p id="js-process-package-name" style="line-height: 40px;"></p>
</div>
</div>
<div class="box-between-item">
<div style="margin: 4px 20px 0px 0px;">
<button id="js-rule-item-add" type="button"
class="layui-btn layui-btn-normal layui-btn-xs" style="color: #fff">
<i class="layui-icon layui-icon-add-circle" style="margin-right: 0px;"></i>
</button>
<button id="js-rule-item-del" type="button"
class="layui-btn layui-btn-normal layui-btn-xs" style="color: #fff">
<i class="layui-icon layui-icon-delete" style="margin-right: 0px;"></i>
</button>
</div>
</div>
</div>
<div id="js-rule-detail-tpl-view" style="margin: 15px 0px 30px 0px;">
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block">
<input id="js-id" name="id" value="${result.id}"/>
<button id="js-submit" class="layui-btn" lay-submit lay-filter="js-submit-filter">确定</button>
<div id="js-rule-detail-tpl-view" style="">
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-input-block">
<button id="js-submit" class="layui-btn" lay-submit lay-filter="js-submit-filter">确定</button>
</div>
</div>
</form>
</div>
</div>
<!--每次模板生成代码的临时存放容器，生成后添加到id=js-rule-detail-tpl-view的容器后面-->
<div class="layui-hide">
<div id="js-rule-detail-tpl-view-temp"></div>
</div>
<!-- 字段模板 -->
<script id="js-rule-detail-tpl" type="text/html">
<div id="js-rule-item-{{d.inputId}}" class="layui-form-item">
<div class="layui-input-inline" style="width: 20px; margin-right: 15px; margin-left: 75px;">
<input type="checkbox" name="delFlag" value="{{d.inputId}}" lay-skin="primary" title=""
style="margin-top: 0px;">
</div>
<label class="layui-form-label layui-form-label-per" style="width: 58px !important;">字段名称</label>
<div class="layui-input-inline" style="width: 150px; ">
<select id="js-rule-item-type-{{d.inputId}}" data-input-id="{{d.inputId}}" lay-verify="required"
lay-filter="js-rule-item-type-filter">
<option value="">请选择</option>
{{# layui.each(d.ruleItems, function(index, item){ }}
<option value="{{item.field}}">{{item.field}}</option>
{{# }); }}
</select>
</div>
<label class="layui-form-label layui-form-label-per" style="width: 58px !important">显示名称</label>
<div class="layui-input-inline" style="width: 100px;margin-right: 2px;">
<input id="js-field-desc-{{d.inputId}}" type="text" class="layui-input"
lay-verify="required">
</div>
<div id="js-rule-detail-item-tpl-view-{{d.inputId}}">
{{# layui.each(d, function(index, item){ }}
{{# if(item.mustFill === 'Y'){ }}
<div class="layui-form-item">
<label class="layui-form-label sp-required">{{item.fieldDesc}}</label>
<div class="layui-input-inline">
<input id="{{item.field}}" name="{{item.field}}" type="text" class="layui-input " lay-verify="required">
</div>
</div>
</script>
<!-- 打码规则项input模板 -->
<script id="js-rule-detail-item-tpl" type="text/html">
<label class="layui-form-label layui-form-label-per" style="width: 60px;">是否必填</label>
<div class="layui-input-inline" style="width: 80px;margin-right: 2px;">
<select id="js-must-fill-{{d.id}}" lay-verify="required">
<option value="">请选择</option>
<option value="Y">是</option>
<option value="N">否</option>
</select>
{{# } else { }}
<div class="layui-form-item">
<label class="layui-form-label ">{{item.fieldDesc}}</label>
<div class="layui-input-inline">
<input id="{{item.field}}" name="{{item.field}}" type="text" class="layui-input" lay-verify="">
</div>
</div>
{{# } }}
{{# }); }}
</script>
<script>
layui.use(['form', 'util', 'laytpl'], function () {
var form = layui.form,
util = layui.util,
laytpl = layui.laytpl,
ruleDetailTplDataCopy = {},
ruleDetailTplData = {},
ruleItemIdArr = [];
//数据回显操作 存在主表ID时候，重新绘制
if ($('#js-table-id').val()) {
ruleDetailTplData.ruleItems = ruleDetailTplData.ruleItems ? ruleDetailTplData.ruleItems : addBindData();
ruleDetailRow();
}
//失去焦点时判断值为空不验证，一旦填写必须验证
$('input[name="email"]').blur(function () {
//这里是失去焦点时的事件
if ($('input[name="email"]').val()) {
$('input[name="email"]').attr('lay-verify', 'email');
} else {
$('input[name="email"]').removeAttr('lay-verify');
}
});
ruleDetailTplDataCopy = [];
//渲染数据
ruleDetailRow();
//监听提交
form.on('submit(js-submit-filter)', function (data) {
var requestParmaArr = [];
var sort = 1;
$.each(ruleItemIdArr, function (index, item) {
requestParmaArr.push({
mustFill: $('#js-must-fill-' + item).val(),
field: $('#js-rule-item-type-' + item).val(),
fieldDesc: $('#js-field-desc-' + item).val(),
sortNum: sort++,
tableNameId: $('#js-table-id').val()
});
});
data.field.spTableManagerItems = requestParmaArr;
spUtil.submitForm({
contentType: 'application/json',
@ -177,132 +68,8 @@
return false;
});
/**
* 添加规则项事件
*/
$('#js-rule-item-add').click(function () {
if (!$('#js-name').val()) {
layer.alert('表名称不能为空', {
icon: 2
})
return;
}
ruleDetailTplData.ruleItems = ruleDetailTplData.ruleItems ? ruleDetailTplData.ruleItems : addBindData();
if (!ruleDetailTplData.ruleItems) {
return;
}
// distinctSelect();
addRuleDetail();
updItemCount();
});
/**
*初始化表信息数据
*/
function addBindData() {
var ajaxResult;
spUtil.ajax({
url: '${request.contextPath}/basedata/manager/by/tableName',
async: false,
type: 'POST',
// 是否显示 loading
showLoading: true,
// 是否序列化参数
serializable: false,
// 参数
data: {
tableName: $('#js-name').val()
},
success: function (data) {
ajaxResult = data.data;
ruleDetailTplDataCopy.ruleItems = data.data;
}
});
return ajaxResult;
}
/**
* 删除规则项事件
*/
$('#js-rule-item-del').click(function () {
//获取表单区域所有值
$("input:checkbox[name='delFlag']:checked").each(function (i) {
var ruleItemIdArrIndex = ruleItemIdArr.indexOf($(this).val());
if (ruleItemIdArrIndex > -1) {
ruleItemIdArr.splice(ruleItemIdArrIndex, 1);
}
$('#js-rule-item-' + $(this).val()).remove();
});
updItemCount();
});
/**
* 添加规则详情
*/
function addRuleDetail() {
//获取表单区域所有值，若有选中，则向最后一个选择项后面添加
var selInputId = '';
$("input:checkbox[name='delFlag']:checked").each(function (i) {
selInputId = $(this).val();
});
var inputId = spUtil.genNonDuplicateID();
ruleDetailTplData.inputId = inputId;
ruleItemIdArr.push(inputId);
var getTpl = document.getElementById('js-rule-detail-tpl').innerHTML,
tplView = document.getElementById('js-rule-detail-tpl-view-temp');
laytpl(getTpl).render(ruleDetailTplData, function (html) {
tplView.innerHTML = html;
});
if (selInputId) {
$('#js-rule-item-' + selInputId).after(tplView.innerHTML);
} else {
$('#js-rule-detail-tpl-view').append(tplView.innerHTML);
}
tplView.innerHTML = '';
createItemDetail(inputId);
//重新渲染 固定写法
form.render();
return inputId;
}
/**
* 监听 过滤列表数据select
*/
function distinctSelect() {
var requestArr = [];
$.each(ruleItemIdArr, function (index, item) {
requestArr.push($('#js-rule-item-type-' + item).val());
});
//初始化数据
ruleDetailTplData.ruleItems = ruleDetailTplDataCopy.ruleItems;
$.each(ruleDetailTplDataCopy.ruleItems, function (index, item) {
if (requestArr.indexOf(item.field) > -1) {
ruleDetailTplData.ruleItems.splice(index, 1);
}
});
};
function createItemDetail(inputId) {
var getTpl = document.getElementById('js-rule-detail-item-tpl').innerHTML,
tplView = document.getElementById('js-rule-detail-item-tpl-view-' + inputId);
laytpl(getTpl).render({id: inputId}, function (html) {
tplView.innerHTML = html;
});
}
/**
* 计算规则项数量
*/
function updItemCount() {
$('#js-item-count').html(ruleItemIdArr.length);
}
function ruleDetailRow() {
console.log('start...')
// layer.load() 在使用异步请求时起效，如：ajax异步请求、定时器，
// 但是用ES6的promise不生效，所以此处采用定时器实现
window.setTimeout(function () {
@ -317,30 +84,35 @@
serializable: false,
// 参数
data: {
tableNameId: $('#js-table-id').val()
tableNameId: '${table.tableNameId}'
},
success: function (data) {
ruleDetailRows = data.data;
}
});
//打码规则项渲染赋值
console.log(ruleDetailRows);
$.each(ruleDetailRows, function (index, item) {
var inputId = addRuleDetail();
//必填项
$('#js-must-fill-' + inputId).val(item.mustFill);
//字段名称
console.log(item.field);
$('#js-rule-item-type-' + inputId).val(item.field);
//字段详细名称
$('#js-field-desc-' + inputId).val(item.fieldDesc);
var getTpl = document.getElementById('js-rule-detail-tpl').innerHTML
, view = document.getElementById('js-rule-detail-tpl-view');
laytpl(getTpl).render(ruleDetailRows, function (html) {
view.innerHTML = html;
});
//解析model面的MAP 赋值给编辑界面
<#list result as map>
<#list map?keys as itemKey> //关键点
$('#' + '${itemKey}').val('${map[itemKey]}');
</#list>
</#list>
<#--if ('${result}') {-->
<#-- var detailResult = JSON.parse('${result}');-->
// console.log(detailResult);
// $.each(detailResult, function (index, item) {
//
// });
// }
form.render();
updItemCount();
}, 100);
}
});
</script>
</body>
</html>

1
sparchetype/src/main/resources/templates/basedata/manageritem/list.ftl
View File

@ -189,6 +189,7 @@
var index = splayer.open({
title: '添加',
area: ['60%', '90%'],
spWhere: {tableNameId :tableNameId},
content: '${request.contextPath}/basedata/common/add-or-update-ui'
});
}

18
sparchetype/src/main/resources/templates/client/blog/index.ftl
View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>blog index</h1>
<script>
layui.use(['element', 'layer', 'splayui'], function () {
var element = layui.element,
layer = layui.layer,
splayui = layui.splayui;
});
</script>
</body>
</html>

182
sparchetype/src/main/resources/templates/client/company/about.ftl
View File

@ -1,182 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-关于页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- banner部分 -->
<div class="banner about">
<div class="title">
<p>关于我们</p>
<p class="en">About Us</p>
</div>
</div>
<!-- main部分 -->
<div class="main-about">
<div class="layui-container">
<div class="layui-row">
<ul class="aboutab">
<li class="layui-this">公司简介</li>
<li>招贤纳士</li>
<li>发展历程</li>
</ul>
<div class="tabIntro">
<div class="content">
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img1.jpg"></div>
<div class="layui-inline panel">
<p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。</p>
</div>
</div>
<div class="content">
<div class="layui-inline panel p_block">
<p>如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是Layui不灭的执念。</p>
</div>
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img2.jpg"></div>
<p class="p_hidden">如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是Layui不灭的执念。</p>
</div>
<div class="content">
<div class="layui-inline img"><img src="${request.contextPath}/image/company/us_img3.jpg"></div>
<div class="layui-inline panel">
<p>拥有双面的不仅是人生，还有Layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。</p>
</div>
</div>
</div>
<div class="tabJob">
<div class="content">
<p class="title">前端开发工程师</p>
<p>> 职位描述</p>
<ol>
<li>前端开发及维护工作；</li>
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
<li>参与公司前端工程的设计、研发；</li>
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
</ol>
</div>
<div class="content">
<p class="title">IOS 开发工程师</p>
<p>> 职位描述</p>
<ol>
<li>前端开发及维护工作；</li>
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
<li>参与公司前端工程的设计、研发；</li>
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
</ol>
</div>
<div class="content">
<p class="title">JAVA 工程师</p>
<p>> 职位描述</p>
<ol>
<li>前端开发及维护工作；</li>
<li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
<li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
<li>参与公司前端工程的设计、研发；</li>
<li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
</ol>
</div>
</div>
<div class="tabCour">
<p class="title">我们的蜕变</p>
<ul class="timeline">
<li class="odd">
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img4.png"></div>
<div class="cour-panel layui-col-sm4 layui-col-lg5">
<p class="label">2017 年 6 月</p>
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
</div>
</li>
<li>
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img5.png"></div>
<div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
<p class="label">2017 年 6 月</p>
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
</div>
</li>
<li class="odd">
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img6.png"></div>
<div class="cour-panel layui-col-sm4 layui-col-lg5">
<p class="label">2017 年 6 月</p>
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
</div>
</li>
<li>
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img7.png"></div>
<div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
<p class="label">2017 年 6 月</p>
<p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
</div>
</li>
<li class="odd">
<div class="cour-img"><img src="${request.contextPath}/image/company/us_img8.png"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>

131
sparchetype/src/main/resources/templates/client/company/case.ftl
View File

@ -1,131 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- banner部分 -->
<div class="banner case">
<div class="title">
<p>成功案例</p>
<p class="en">Successful Case</p>
</div>
</div>
<!-- main部分 -->
<div class="main-case">
<div class="layui-container">
<div class="layui-row">
<div class="layui-inline content">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case1.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content even center">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case2.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case3.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content even">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case4.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content center">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case5.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content even">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case6.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case7.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content even center">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case8.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
<div class="layui-inline content">
<div class="layui-inline case-img"><img src="${request.contextPath}/image/company/case9.jpg"></div>
<p class="lable">名牌工厂店</p>
<p>一家工厂企业的商品展示网站，主要以卖高端服饰为主。主要以卖高端服饰为主。主要以卖高端服饰为主。</p>
</div>
</div>
<div id="casePage"></div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>

188
sparchetype/src/main/resources/templates/client/company/index.ftl
View File

@ -1,188 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav index">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- banner部分 -->
<div>
<div class="layui-carousel" id="banner">
<div carousel-item>
<div>
<img src="${request.contextPath}/image/company/banner1.jpg">
<div class="panel">
<p class="title">网络公司</p>
<p>完美前端体验</p>
</div>
</div>
<div>
<img src="${request.contextPath}/image/company/banner2.jpg">
<div class="panel">
<p class="title">网络公司</p>
<p>完美前端体验</p>
</div>
</div>
</div>
</div>
</div>
<!-- main部分 -->
<div class="main-product">
<div class="layui-container">
<p class="title">专为前端而研制的<span>核心产品</span></p>
<div class="layui-row layui-col-space25">
<div class="layui-col-sm6 layui-col-md3">
<div class="content">
<div><img src="${request.contextPath}/image/company/Big_icon1.png"></div>
<div>
<p class="label">JS基础库</p>
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
</div>
<a href="javascript:;">查看产品 ></a>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3 ">
<div class="content">
<div><img src="${request.contextPath}/image/company/Big_icon2.png"></div>
<div>
<p class="label">CSS处理</p>
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
</div>
<a href="javascript:;">查看产品 ></a>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3 ">
<div class="content">
<div><img src="${request.contextPath}/image/company/Big_icon3.png"></div>
<div>
<p class="label">兼容性</p>
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
</div>
<a href="javascript:;">查看产品 ></a>
</div>
</div>
<div class="layui-col-sm6 layui-col-md3 ">
<div class="content">
<div><img src="${request.contextPath}/image/company/Big_icon4.png"></div>
<div>
<p class="label">响应式</p>
<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
</div>
<a href="javascript:;">查看产品 ></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-service">
<div class="layui-container">
<p class="title">为客户打造完美的<span>专业服务</span></p>
<div class="layui-row layui-col-space25 layui-col-space80">
<div class="layui-col-sm6">
<div class="content">
<div class="content-left"><img src="${request.contextPath}/image/company/home_img1.jpg"></div>
<div class="content-right">
<p class="label">1 对 1 前端指导</p>
<span></span>
<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
</div>
</div>
</div>
<div class="layui-col-sm6">
<div class="content">
<div class="content-left"><img src="${request.contextPath}/image/company/home_img2.jpg"></div>
<div class="content-right">
<p class="label">1 对 1 前端指导</p>
<span></span>
<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
</div>
</div>
</div>
<div class="layui-col-sm6">
<div class="content">
<div class="content-left"><img src="${request.contextPath}/image/company/home_img3.jpg"></div>
<div class="content-right">
<p class="label">1 对 1 前端指导</p>
<span></span>
<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
</div>
</div>
</div>
<div class="layui-col-sm6">
<div class="content">
<div class="content-left"><img src="${request.contextPath}/image/company/home_img4.jpg"></div>
<div class="content-right">
<p class="label">1 对 1 前端指导</p>
<span></span>
<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
</div>
</div>
</div>
</div>
<div class="service-more"><a href="">查看更多</a></div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>

230
sparchetype/src/main/resources/templates/client/company/news.ftl
View File

@ -1,230 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- banner部分 -->
<div class="banner news">
<div class="title">
<p>实时新闻</p>
<p class="en">Real-time News</p>
</div>
</div>
<!-- main -->
<div class="main-news">
<div class="layui-container">
<div class="layui-row layui-col-space20">
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">一直在你身边对你好，你却没有发现。</a></strong>
<p class="detail"><span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>120</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">写经验交流材料的技巧全在这了！</a></strong>
<p class="detail"><span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
<p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">女人过了三十岁，一定要明白的12个道理！</a></strong>
<p class="detail"><span>有些人再好，如果他不属于你，就什么用也没有。别再为一个得不到的人辗转难眠，你熬夜到天亮，对他来说也无关痛痒。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3131</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">脾气不好的妈妈好好读读这篇文章，真的是细思极恐</a></strong>
<p class="detail"><span>一个母亲要是控制不了自己的情绪，会发生多可怕的事情？去年一个9岁的男孩，因为弄丢了手机，遭受了亲妈捆绑殴打一整晚，第二天再也没能睁开眼睛。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">睡前千万不要给孩子吃这6种食物，不仅会影响睡眠。</a></strong>
<p class="detail"><span>孩子正处于长身体的重要阶段，对于营养的需求自然不小。很多家长怕孩子半夜饿，喜欢在睡前补充一些食物。但是，以下6种食物，孩子如果在睡前吃，不仅会危害身体健康，还会导致孩子睡不好觉，影响长个。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3874</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">养女儿，一定要让她漂亮！</a></strong>
<p class="detail"><span>闹市街头，一位爸爸领着一对双胞胎女儿吸引住了我的目光。两个女儿五六岁，长得像天使一般动人。让人遗憾的是，家长给他们穿的衣服---大妈们买菜或做饭时穿的长袍式的家居服，看上去十分滑稽可笑。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3393</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">见好友在同一趟高铁 粗心男子“串门”聊天</a></strong>
<p class="detail"><span>出门在外若发现好友在同一趟高铁邂逅，你会如何做？近日，一男子上高铁后，打电话给一位久未联系好友，竟然得知出行乘坐同一趟车。于是，该男子兴奋地“串门”。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>4087</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">一直在你身边对你好，你却没有发现。</a></strong>
<p class="detail"><span>找老婆要找爱发脾气的女人。永远不会发脾气的女人就如同一杯白开水，解渴，却无味。而发脾气的女人正如烈酒般，刺激而令人无法忘怀。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>120</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">写经验交流材料的技巧全在这了！</a></strong>
<p class="detail"><span>看不到您的原稿，这样对空发议论，估计对您的指导性是不大的。建议您将原稿贴出来，好让老师们针对指导。这里简单给出意见：</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>835</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">经验分享：我是如何做好每日计划的</a></strong>
<p class="detail"><span>在日常的工作中，不知道大家有没有遇到以下这些问题：面对这样的问题，我养成了一个习惯就是每天写工作计划。想在此与大家分享，希望对你们有所帮助，同时欢迎指正及共同探讨。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">女人过了三十岁，一定要明白的12个道理！</a></strong>
<p class="detail"><span>有些人再好，如果他不属于你，就什么用也没有。别再为一个得不到的人辗转难眠，你熬夜到天亮，对他来说也无关痛痒。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3131</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">脾气不好的妈妈好好读读这篇文章，真的是细思极恐</a></strong>
<p class="detail"><span>一个母亲要是控制不了自己的情绪，会发生多可怕的事情？去年一个9岁的男孩，因为弄丢了手机，遭受了亲妈捆绑殴打一整晚，第二天再也没能睁开眼睛。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>112</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-21</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">睡前千万不要给孩子吃这6种食物，不仅会影响睡眠。</a></strong>
<p class="detail"><span>孩子正处于长身体的重要阶段，对于营养的需求自然不小。很多家长怕孩子半夜饿，喜欢在睡前补充一些食物。但是，以下6种食物，孩子如果在睡前吃，不仅会危害身体健康，还会导致孩子睡不好觉，影响长个。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3874</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">养女儿，一定要让她漂亮！</a></strong>
<p class="detail"><span>闹市街头，一位爸爸领着一对双胞胎女儿吸引住了我的目光。两个女儿五六岁，长得像天使一般动人。让人遗憾的是，家长给他们穿的衣服---大妈们买菜或做饭时穿的长袍式的家居服，看上去十分滑稽可笑。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>3393</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
<div class="layui-col-lg6 content">
<div>
<div class="news-img"><a href="newsDetail.html"><img src="${request.contextPath}/image/company/news_img1.jpg"></a></div><div class="news-panel">
<strong><a href="newsDetail.html">见好友在同一趟高铁 粗心男子“串门”聊天</a></strong>
<p class="detail"><span>出门在外若发现好友在同一趟高铁邂逅，你会如何做？近日，一男子上高铁后，打电话给一位久未联系好友，竟然得知出行乘坐同一趟车。于是，该男子兴奋地“串门”。</span><a href="newsDetail.html">[详细]</a></p>
<p class="read-push">阅读 <span>4087</span>&nbsp;&nbsp;&nbsp;&nbsp;发布时间：<span>2018-06-20</span></p>
</div>
</div>
</div>
</div>
<div id="newsPage"></div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>

82
sparchetype/src/main/resources/templates/client/company/newsDetail.ftl
View File

@ -1,82 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- main部分 -->
<div class="main-newsdate">
<div class="layui-container">
<p class="news"><a href="news.html">实时新闻</a> > 新闻详情</p>
<h1>这家引爆ins的奶茶店终于空降南昌，开放加盟啦！</h1>
<p class="pushtime">发布时间：<span>2018-06-06</span></p>
<p class="introTop">TA家的珍珠是用黑糖熬制的，要熬整整四个小时才行，每熬一锅黑糖只能做出40杯奶茶，好味，是值得等待的。</p>
<div><img src="${request.contextPath}/image/company/news_big.jpg" alt="新闻详情图"></div>
<p class="introBott">北极光的制作，需要300g葡萄来完成，要选用最新鲜的葡萄，才能做出最灿烂的北极光。满满一瓶葡萄，看着就让人倍感满足。喝之前，要先摇9下，才能喝出最好的果味。晨曦的寓意是，清晨的阳光。要用到一整颗百香果的晨曦，喝起来酸酸甜甜，果味浓郁。晨曦喝起来果味极浓，不仅仅有百香果，还有芒果、橙汁...的味道，十分清新，彷佛夏日的一抹凉风！</p>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>

115
sparchetype/src/main/resources/templates/client/company/product.ftl
View File

@ -1,115 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>网络公司-首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<#include "${request.contextPath}/common/common.ftl">
<link rel="stylesheet" href="${request.contextPath}/css/company.css" media="all">
</head>
<body>
<!-- nav部分 -->
<div class="nav">
<div class="layui-container">
<!-- 公司logo -->
<div class="nav-logo">
<a href="index.html">
<img src="${request.contextPath}/image/company/logo.png" alt="网络公司">
</a>
</div>
<div class="nav-list">
<button>
<span></span><span></span><span></span>
</button>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/product-ui">产品</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/news-ui">动态</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/case-ui">案例</a></li>
<li class="layui-nav-item"><a href="${request.contextPath}/client/company/about-ui">关于</a></li>
<li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
</ul>
</div>
</div>
</div>
<!-- banner部分 -->
<div class="banner product">
<div class="title">
<p>产品展示</p>
<p class="en">Product Display</p>
</div>
</div>
<!-- main部分 -->
<div class="main product">
<div class="layui-container">
<div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img1.jpg"></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
<p class="label">JS基础库</p>
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
<div><a href="javascript:;">查看产品 ></a></div>
</div>
</div>
<div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img2.jpg"></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
<p class="label">CSS处理</p>
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
<div><a href="javascript:;">查看产品 ></a></div>
</div>
</div>
<div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img3.jpg"></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
<p class="label">兼容性</p>
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
<div><a href="javascript:;">查看产品 ></a></div>
</div>
</div>
<div class="content layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md7 layui-col-lg6 content-img"><img src="${request.contextPath}/image/company/Product_img4.jpg"></div>
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5 layui-col-lg6 right">
<p class="label">响应式</p>
<p class="detail">从小屏逐步扩展到大屏，最终实现所有屏幕适配，最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。最终实现所有屏幕适配，适应移动互联潮流。</p>
<div><a href="javascript:;">查看产品 ></a></div>
</div>
</div>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<div class="layui-container">
<p class="footer-web">
<a href="javascript:;">合作伙伴</a>
<a href="javascript:;">企业画报</a>
<a href="javascript:;">JS网</a>
<a href="javascript:;">千图网</a>
<a href="javascript:;">昵图网</a>
<a href="javascript:;">素材网</a>
<a href="javascript:;">花瓣网</a>
</p>
<div class="layui-row footer-contact">
<div class="layui-col-sm2 layui-col-lg1"><img src="${request.contextPath}/image/company/erweima.jpg"></div>
<div class="layui-col-sm10 layui-col-lg11">
<div class="layui-row">
<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
<p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;&nbsp;(9:00-18:00)</p>
<p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
</div>
<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
<p class="contact-top"><span class="right">该模板由 <a href="https://www.layui.com/" target="_blank">layui.com</a> 官方出品</span></p>
<p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.use(['company'], function () {
var company = layui.company;
});
</script>
</body>
</html>