使用开源铭飞CMS系统自己建网站(四)开始建站
2022-07-28 15:28:32
125
{{single.collect_count}}

一、登陆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>

六、静态化网站

模板修改完毕后,就可以在后台打开静态化功能,生成文章,生产栏目,生成主页都点一变。再点面预览就成功了。如果出现生成失败的情况,就是模板中的标签代码写的有问题。
在这里插入图片描述
自此一个网站的基本功能就完成了,剩下的就是慢慢完善了。

以上内容都是本人在不懂HTML,CSS,JS脚本语言的情况下写的,如用不对的地方,请见谅并留下宝贵的指导。

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}