使用开源铭飞CMS系统自己建网站（四）开始建站

最新推荐文章于 2024-07-20 23:53:00 发布

发财吧

最新推荐文章于 2024-07-20 23:53:00 发布

阅读量6.2k

点赞数 4

分类专栏：网站开发文章标签： java web html css javascript

本文链接：https://blog.csdn.net/freekent/article/details/105870340

版权

网站开发专栏收录该内容

5 篇文章 3 订阅

订阅专栏

一、登陆CMS系统后台

在浏览器中输入以下网址可以登陆到后台：http://localhost:8080/ms-mcms/ms/index.do
端口号，网站的服务地址，管理后台地址，日志文件地址都可以在工程目录src\main\resources下的application.yml中修改。如下图：
在这里插入图片描述
用户和密码都是msopen;

二、下载和导入模板

登录mstore下载模板，登录入口在后面最右上方的图标，点击即可。如下图：
在这里插入图片描述
如果没有账号点击“新用户注册”，自己注册一个用户就行，非常方便也不需要花钱。
找一个合适的网站模板下载下来。在后台管理中的模板管理里点击导入即可。如下图：

注意，如果想让导入的模板显示你自己想要的名字。在导入之前打开压缩包，修改里面文件夹的名称就可以了。

三、建立栏目

按照自己的需求建立栏目就行，层级我建立了10级，但不知道好不好用，后面试试。如下图：
在这里插入图片描述
注意这些内容之前也说过了，这回再顺便再说一下：
1.属性说明：
封面：只能有一篇文章内容。
列表：可以有多篇文章内容。
2.编号说明：这个数字很重要。需要在网站模板中使用。对应的标签是typeid

四、维护文章

打开文章管理功能直接维护就行，这里就不多介绍了。

五、修改模板

这个是最主要的内容，但只要掌握规律建立一个网站还是很快的。
模板主要分四部份：htm页，css样式，Image图片，js脚本。这些应该对于B/S开发的人员应该不是问题。
以下代码都是我自己参照代码一点一点试了来的，如果有不对的地方请谅解并给予指正，万分感谢。
所有标签的说明请看铭飞的文档：http://doc.ms.mingsoft.net/plugs-cms/biao-qian.html

1.在模板中获取一级目录和下级子目录，可以用来创建网站的菜单

下面本来可以用判断标签，但是我试过了，不好用，应该是了BUG。
总之这个不太好用。

{ms:channel typeid=0 type=nav ref=one}
	<li class="one">
		<a class="aa" href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>
		<div class="menu2">
			<ul>
				{ms:channel refs=one ref=two}
					<li>
						<a title="[field.typetitle/]" href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>
					</li>
				{/ms:channel}
			</ul>
		</div>
	</li>		
{/ms:channel}

2.获取指定目录内容下级

下面这段代码是获取编号为106下面的目录

{ms:channel typeid=106 }					
	<a class="aa" href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>				
{/ms:channel}

3.获取指定目录下级内容并自定义排序

下面这段代码是获取编号为106下面的目录，并指定用data字段倒叙排序。

属性	说明
typeid	指定要显示那个编号的下级
orderby	指定要排序的字段
order	指定排序规则
size	指定显示记录条数

{ms:channel typeid=106 orderby=date order=desc size=3}					
	<a class="aa" href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>				
{/ms:channel}

4.获取指定文章列表

下面代码是显示指定编码下的文章信息

属性	说明
typeid	指定要显示那个目录编号
orderby	指定要排序的字段
order	指定排序规则
size	指定显示记录条数
ispaging	当文章列表出现分页标签时必须添加本属性

{ms:arclist typeid=68 size=6 ispaging=true orderby=date order=desc}
	<li>
		<div class="list_page_date">
			<p>[field.date?string("yyyy-MM-dd")/]</p>
			</div>
				<div class="li_text">
				<p>
					<a title="[field.title/]" href="{ms:global.url/}[field.link/]" target="_blank" class="list_page_t">[field.title/]</a>
				</p>
				<p>[field.descrip/]
					<a href="[field.title/]" target="_blank">[了解更多]</a>
				</p>
			<div class="clear"></div>
		</div>
	</li>
{/ms:arclist}

5.目录标签与文章标签如何配合使用

例如：新闻中心目录下分公司新闻和行业新闻，并这两类都用同一个模板。
新间中心目录下的编号为59,要显示如下图
在这里插入图片描述
要实现的功能是点击不同栏目就显示对应栏目的文章内容，就用以下代码。
需要注意的是{ms:arclist size=6 ispaging=true}这行代码，这里面不能出现typeid属性，否则这个页面不能达到以上效果。

<html>
	<#include "headFile.htm">
	<body>
		<#include "header.htm">
		<div class="box2">
			<div class="box2-left">
				<!--只展开当前栏目所在一级栏目下的分类-->
				<div class="left1">
					<div class="left1_t"></div>
					<div class="left1-1">
						<h3>新闻栏目</h3><span>news</span>
					</div>
					<ul>
						{ms:channel typeid=59 size=3}
						<li>
							<a title="[field.typetitle/]" href="{ms:global.url/}[field.typelink/]">[field.typetitle/]</a>
						</li>
						{/ms:channel}
					</ul>
					<div class="left1_b"></div>
				</div>
				<div class="blank20"></div>
				<!--只展开当前栏目所在一级栏目下的分类-->
			</div>
			<div class="box2-right">
				<div class="title20">
					<h5>新闻栏目</h5><span>news</span>
					<div class="mianbao">
						当前位置 :
						<a title="首页" href={ms:global.host/}>首页</a>
						&gt;&gt;
						<a title="新闻中心" href="{ms:global.url/}/59/index.html">新闻中心</a>
					</div>
				</div>
				<div class="box2-content">
					<ul class="list_page_1">
						<!-- 内容列表开始 -->
						{ms:arclist size=6 ispaging=true}
						<li>
							<div class="list_page_date">
								<p>[field.date?string("yyyy-mm-dd")/]</p>
							</div>
							<div class="li_text">
								<p>
									<a title="[field.title/]" href="{ms:global.url/}[field.link/]" target="_blank" class="list_page_t">[field.title/]</a>
								</p>
								<p>[field.descrip/]
									<a href="[field.title/]" target="_blank">[了解更多]</a>
								</p>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</li>
						{/ms:arclist}
						<!-- 内容列表结束 -->
					</ul>
					<!-- 内容列表分页开始 -->
					<div class="blank30"></div>
					<div class="pages">
						<span>{ms:page.rcount/}条记录/{ms:page.total/}页</span>
						<a href="{ms:global.url/}/{ms:page.pre/}">上一页</a>
						<a href="{ms:global.url/}/{ms:page.next/}">下一页</a>
					</div>
					<!-- 内容列表分页结束 -->
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<#include "footer.htm">
	</body>
</html>