61,112
社区成员
发帖
与我相关
我的任务
分享html页面引用公共头部和底部的方法
我现在有一个静态的html页面，想把网页的导航菜单和底部的内容做成公共的部分来引用，有没有什么好的办法，菜鸟最好给demo瞅瞅
...全文
请发表友善的回复…
发表回复
心之所向0 2016-04-30
- 打赏
- 举报
我用的是jsp，不同的框架有不同的用法，我这都是分开的调用，你参考参考
qq_30544357 2016-04-27
- 打赏
- 举报
可不可以具体点，或者有什么例子
qq_1318362098 2016-04-27
- 打赏
- 举报
<include file='Index:header'/>
一 Jeecms安装过程
将解压后得到的jeecms-3.0.2-final文件夹下的root文件夹更名为jeecms拷贝到tomcat 安装目录下的webapps 文件夹下（例如： D:\Tomcat 6.0\webapps\），启动tomcat，在地址栏中输入http://localhost:8080/jeecms， 您将看到第一步安装过程中的《用户许可协议》，勾选“我已经阅读并同意此 协议”，点击下一步， 接下来第二步安装过程中设置系统参数，系统会自动检测出一些配置项，请根据您的实际情 况填写，数据库密码不能为空。 点击提交后进入第三步进入最后的系统安装过程，安装过程可能需要十几秒的等待时间。安 装成功后将提示信息，请再重启Tomcat 完成安装。
Tomcat重启完毕之后，在浏览器的地址栏中输入http://localhost:8080/jeecms，
若系统正常显示默认的站点首页则表示JEECMS 已经顺利安装完成.
附：
系统管理后台登录：http://localhost:8080/jeecms/jeeadmin/jeecms/index.do
用户名：admin
密 码：password
图文安装步骤如下：
将解压后得到的ROOT文件夹拷贝到tomcat安装目录下的webapps文件夹下（例如：D:\Tomcat 6.0\webapps\），启动tomcat，在地址栏中输入http://localhost:8080，您将看到第一步安装过程中的《用户许可协议》，如图一所示，勾选“我已经阅读并同意此协议”，点击下一步，
图一：用户许可协议
接下来第二步安装过程中设置系统参数，系统会自动检测出一些配置项，请根据您的实际情况填写，如图二所示，数据库密码不能为空。
图二：系统参数设置
点击提交后进入第三步进入最后的系统安装过程，安装过程可能需要十几秒的等待时间。安装成功后将提示如图三所示的页面信息，请再重启Tomcat完成安装。
图三：系统安装完成
三、完成安装
Tomcat重启完毕之后，在浏览器的地址栏中输入http://localhost:8080，若系统正常显示默认的站点首页则表示JEECMS已经顺利安装完成.，如图四所示：
图四 站点首页
二 Jeecms项目导入myeclipse
1.在myeclipse中新建一个项目jeecms，将服务器中jeecms项目下web-inf文件夹下内容拷到新建项目中
解压缩jeecms-3.0.2-final-src，在src文件夹下会看到有三个压缩文件，如果只想进行普通的二次开发，可以只导入cms这个源码，删除jeecms-cms-identity-3.0.2-final.jar即可，如果想进行深入的二次开发，需要导入common和core源码，另导入common-lib下的jar包，删除jeecms-cms- identity-3.0.2-final.jar，jeecms-common-3.0.2-final.jar ，jeecms-core- identity-3.0.2-final.jar这三个jar包，切记：务必进行build path
3.修改jdbc链接，自己导入数据库。
4.把服务器下install\config下的web.xml复制出来覆盖掉新建项目WEB-INF下的web.xml
5.classes下有四个文件，手动烤到myeclipse项目src根目录下中
6.将服务器上jeecms项目删掉，发布新建的jeecms项目。
三 首页的加载过程
在浏览器中输入http://localhost:8080/jeecms，回车
首先进入配置文件web.xml，
contextConfigLocation
<!---->
/WEB-INF/config/application-context.xml
/WEB-INF/config/cache-context.xml
/WEB-INF/config/captcha-context.xml
/WEB-INF/config/jeecore-context.xml
/WEB-INF/config/jeecms-context.xml
应用范围内的初始化参数
其中jeecms-context.xml是对标签的初始化
index.html
index.shtml
index.jhtml
通过以上标签找到应该加载哪一个页面
JeeCmsFront
org.springframework.web.servlet.DispatcherServlet
contextConfigLocation
/WEB-INF/config/jeecms-servlet-front.xml
2
JeeCmsFront
*.jhtml
JeeCmsFront
*.jspx
JeeCmsFront
*.jsp
JeeCmsFront
*.htm
通过servlet配置，可以找到jeecms-servlet-front.xml，在此配置文件的最后有
……
此外，在配置文件jeecms-servlet-front.xml中，还有一段对标签的配置
……
类ContentListDirective继承自AbstractContentDirective，最主要的是execute方法
public class ContentListDirective extends AbstractContentDirective {
/**
* 模板名称
*/
public static final String TPL_NAME = "content_list";
/**
* 输入参数，文章ID。允许多个文章ID，用","分开。排斥其他所有筛选参数。
*/
public static final String PARAM_IDS = "ids";
@SuppressWarnings("unchecked")
public void execute(Environment env, Map params, TemplateModel[] loopVars,
TemplateDirectiveBody body) throws TemplateException, IOException {
//获取站点
CmsSite site = FrontUtils.getSite(env);
//获取内容列表，可以通过此处进行更改，获取自己数据库中的数据
List list = getList(params, env);
Map paramWrap = new HashMap(
params);
//OUT_LIST值为tag_list，在类DirectiveUtils中声明，将内容列表放入其中
paramWrap.put(OUT_LIST, DEFAULT_WRAPPER.wrap(list));
//将params的值复制到variable中
Map origMap = DirectiveUtils
.addParamsToVariable(env, paramWrap);
//获取的是参数PARAM_TPL，是否调用模板以及调用的模板类型
InvokeType type = DirectiveUtils.getInvokeType(params);
//获取传入参数，列表样式，根据不同的参数获取不同的样式列表
String listStyle = DirectiveUtils.getString(PARAM_STYLE_LIST, params);
if (InvokeType.sysDefined == type) {
if (StringUtils.isBlank(listStyle)) {
throw new ParamsRequiredException(PARAM_STYLE_LIST);
}
//列表样式模板
env.include(TPL_STYLE_LIST + listStyle + TPL_SUFFIX, UTF8, true);
} else if (InvokeType.userDefined == type) {
if (StringUtils.isBlank(listStyle)) {
throw new ParamsRequiredException(PARAM_STYLE_LIST);
}
//列表样式模板路径 WEB-INF\t\cms_sys_defined\style_list\style_2-1.html
FrontUtils.includeTpl(TPL_STYLE_LIST, site, env);
} else if (InvokeType.custom == type) {
//这个模板就是自己声明的，即content_list.html，如果采用自定义模板的话，页面中可以只写上标签，并添加上标签内需要的几个参数，不需要写标签体的内容，会去自动调用模板中的标签体。
FrontUtils.includeTpl(TPL_NAME, site, params, env);
} else if (InvokeType.body == type) {
body.render(env.getOut());
} else {
throw new RuntimeException("invoke type not handled: " + type);
}
//将variable中的params值移除
DirectiveUtils.removeParamsFromVariable(env, paramWrap, origMap);
}
@SuppressWarnings("unchecked")
protected List getList(Map params,
Environment env) throws TemplateException {
Integer[] ids = DirectiveUtils.getIntArray(PARAM_IDS, params);
if (ids != null) {
//根据内容ID数组获取文章列表
return contentMng.getListByIdsForTag(ids, getOrderBy(params));
} else {
return (List) super.getData(params, env);
}
}
@Override
protected boolean isPage() {
return false;
}
}
Content_list.html中的内容
[#list tag_list as a]
${a.title}
[/#list]
就是简单的将tag_list中的内容，即“paramWrap.put(OUT_LIST, DEFAULT_WRAPPER.wrap(list));”中放入的数据遍历出来
style_2-1.html中的内容 主要是对图文列表或标题列表向上滚动的样式的，其中包含两个同样为样式的文件
style_2-1_core.html(图文列表或标题列表向上滚动)和style_1-1_core.html(图文列表或标题列表向上滚动)，在此就不做赘述了。
Jeecms是基于Spring注解，在自定义标签时对于实体类和dao service等注意注解的问题。
五 自定义标签及使用自己创建的表的实现过程
下面是我自己定义的标签mycontent_list
首先，在数据库里创建了一个jc_mycontent的表，其中有id,title,content三个字段
其次，创建了一个实体类
public class MyContent {
private static final long serialVersionUID = 1L;
private Integer id;
private String title;
private String content;
public MyContent () {
super();
}
……get set方法
}
接下来是配置hibernate中jc_mycontent表的配置文件
<?xml version="1.0"?>
<meta attribute="sync-DAO">false</meta>
与数据库交互的持久层接口
public interface MyContentDao {
public List getList();
}
持久层实现类
@Repository//持久层
public class MyContentDaoImpl extends HibernateBaseDao
implements MyContentDao {
@SuppressWarnings("unchecked")
public List getList(){
return find(byNothing());
}
private Finder byNothing(){
Finder f = Finder.create();
f.append("from MyContent");//可以在此处添加查询条件或者添加各种方法进行动态查询
f.setCacheable(true);
return f;
}
@Override
protected Class getEntityClass() {
return MyContent.class;
}
}
业务层接口
public interface MyContentMng {
public List getList();
}
业务层实现类
@Service//业务层
@Transactional
public class MyContentMngImpl implements MyContentMng {
@Transactional(readOnly = true)//配置事务为只读
public List getList(){
return myContentDao.getList();
}
private MyContentDao myContentDao;
@Autowired//自动绑定
public void setMyContentDao(MyContentDao myContentDao) {
this.myContentDao = myContentDao;
}
private List listenerList;
@Autowired
public void setListenerList(List listenerList) {
this.listenerList = listenerList;
}
}
标签类的抽象类，最主要的就是getData这个方法，以及绑定业务层，其中可以添加多种查询方法。可参考类AbstractContentDirective
public abstract class AbstractMyContentDirective implements
TemplateDirectiveModel {
protected Object getData(Map params, Environment env)
throws TemplateException {
return myContentMng.getList();
}
@Autowired
protected MyContentMng myContentMng;
}
自定义标签中最重要的类继承上边的抽象类
public class MyContentListDirective extends AbstractMyContentDirective {
/**
* 模板名称
*/
public static final String TPL_NAME = "mycontent_list";
@SuppressWarnings("unchecked")
public void execute(Environment env, Map params, TemplateModel[] loopVars,
TemplateDirectiveBody body) throws TemplateException, IOException {
//获取站点
CmsSite site = FrontUtils.getSite(env);
//获取内容列表
List list = getList(params, env);
Map paramWrap = new HashMap(params);
//OUT_LIST值为tag_list，将内容列表放入其中
paramWrap.put(MYOUT_LIST, DEFAULT_WRAPPER.wrap(list));
//将params的值复制到variable中
Map origMap = DirectiveUtils.addParamsToVariable(env, paramWrap);
//没有采用默认的模板，直接采用自己写的简单的模板（mycontent_list.html）
FrontUtils.includeTpl(TPL_NAME, site, params, env);
//将variable中的params值移除
DirectiveUtils.removeParamsFromVariable(env, paramWrap, origMap);
}
protected List getList(Map params,
Environment env) throws TemplateException {
return myContentMng.getList();
}
}
样式模板mycontent_list.html内容,里边可以自己添加一些样式，可参考\t\cms_sys_defined\style_list下样式文件
[#list mytag_list as a]
"${a.content}"
[/#list]
首页里加入如下代码
[@cms_mycontent_list]
[#if (i+1)%2==0]
[/#if] [/@cms.ChnlList] 3、配合其它标签嵌套调用示例： [@cms.ChnlList id='' sysType='article' hasContent='1' inner='1';c]
[/@cms.ChnlList]
6内容页常用标签
6.1标记说明
【文章导航】：[@cms.Position /]
【文章标题】：${arti.title}
【简短标题】：${arti.shortTitle}
【文章作者】：${arti.author}
【发布日期】：${arti.releaseDate}
【查看次数】：${arti.visitTotal}
【文章来源】：${arti.origin}
【文章摘要】：${arti.description}
【文章内容】：${arti.content}
[/#if] [/@cms.ChnlList] 3、配合其它标签嵌套调用示例： [@cms.ChnlList id='' sysType='article' hasContent='1' inner='1';c]
| ${c.name} |
| [@cms.ArtiList chnlId=c.id sysContent='1-1' titLen='20' count='6' /] |
