`
wuhua
  • 浏览: 2097057 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

一个电子杂志网站的设计......

阅读更多
    今天好老早就到了公司,看见我发的《未婚男子必读的31条感悟》http://wuhua.iteye.com/admin/show/28098?page=2#comments这么热闹,也倍感欣慰。总觉得搞技术是件很闷的差事。搞技术的人也是个很孤僻,无聊的人。看来我错了。原来这个圈子里面不乏热情,幽默风趣的人。
    说回正题。最近4个月一直做设计足球项目的手机客户端,所以4个月每碰网站的开放了。这两天公司要设计一个电子杂志show的网站,要求是后天录入数据,直接生成html,我一直以前做的都是动态的。没接触到这些,所以下手起来难免找不着头绪,而且项目紧。
也google下,发觉没有比较好的开源project。
     如果大家以前做过,并且知道有些好东西的话可以告诉我哦。谢谢! ^_^
分享到:
评论
3 楼 wuhua 2006-10-18  
根据以前的经验做了个test用例。

//读取模板文件,并且写入数据,然后保存html。
public class TestAction extends BaseAction {

public String execute() throws Exception{
Map root = new HashMap();
        root.put("publish_intro", "  甘肃人民出版社建立于1951年,在近五十年的风雨历程中走过了一条曲折与辉煌并存的发展之路。今天,已成为甘肃规模最大,建制最完备、历程最长、出版图书期刊最多的一个综合性专业出版社。甘肃人民出版社下辖甘肃少年儿童出版社、甘肃教育出版社、甘肃科学技术出版社,甘肃人民美术出版社、敦煌文艺出版社等6个专业社,出版有《读者》、《飞碟探索》、《甘肃画报》、《故事作文月刊》、《妈妈画刊》等6种期刊。");
       
genDocFile("pub_detail.ftl", root, "pub_detail.htm");

return SUCCESS;
}

private void genDocFile(String template, Map root, String filename) throws Exception {
Configuration cfg = new Configuration();
cfg.setDefaultEncoding("GBK");
        cfg.setDirectoryForTemplateLoading(new File(ServletActionContext.getServletContext().getRealPath("/WEB-INF/template/test")));
        cfg.setObjectWrapper(new DefaultObjectWrapper());       
      
        Template temp = cfg.getTemplate(template);
       
        /* Merge data model with template */
        Writer out = new OutputStreamWriter(new FileOutputStream(ServletActionContext.getServletContext().getRealPath("/" + filename)),"GBK");
        temp.process(root, out);
        out.flush();
}

}



///模板文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>按杂志社分类</title>
<style type="text/css">
<!--
.normal13px {
font-family: Verdana, "宋体";
font-size: 13px;
line-height: 150%;
}
-->
</style>
</head>

<body>
<p class="normal13px">iKAN  首页</p>
<hr size="1" noshade="noshade" />
<p class="normal13px">| <a href="index.html">首页</a> | <a href="catalog.html">杂志分类</a> | <a href="#">最新上架</a> | <a href="#">用户管理</a> | <a href="#">广告投放</a> | <a href="#">客服中心</a></p>
<hr size="1" noshade="noshade" />
<p class="normal13px">期刊搜索
  <label>
  <select name="select">
    <option selected="selected">刊物名称</option>
    <option>所属杂志社</option>
    <option>邮发代号</option>
    <option>国际刊号(ISSN)</option>
    <option>国内刊号(CN)</option>
  </select>
  </label>
  关键字
  <label>
  <input name="textfield" type="text" value="输入搜索关键字" size="40" />
  </label>
<a href="#">搜索</a> | <a href="search.html">高级搜索</a></p>
<hr size="1" noshade="noshade" />
<table width="99%" border="0" cellpadding="0" cellspacing="0" class="normal13px">
  <tr>
    <td width="18%" valign="top"><p><strong>杂志分类列表</strong></p>
    <p>按杂志分类(默认)<br />
      <a href="publish.html">按杂志社分类</a></p>
    <p>------<br />
    列表内容</p>
    <p>......</p>
    <p>......</p>
    <p>------</p></td>
    <td width="79%" align="center" valign="top"><table width="99%" border="0" class="normal13px">
        <tr>
          <td colspan="2" align="left" valign="top">首页 → 杂志社分类 → 甘肃人民出版</td>
        </tr>
        <tr>
          <td width="21%" align="left" valign="top"><a href="#"><img src="xx" alt="杂志社LOGO" width="143" height="142" border="0" /></a></td>
          <td width="79%" align="left" valign="top"><p>${publish_intro?default("")}</p>
            <p>办公地址:兰州市滨河东路296号 <br />
              直销部电话:0931-8124717 <br />
              传真电话:0931-8127217 <br />
            联系人:牟轶、温广</p>
            </td>
        </tr>
      </table>     
      <p>杂志社刊物</p>
      <table width="99%" border="0" class="normal13px">
        <tr>
          <td align="center" valign="top"><a href="meg.html"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
            <a href="meg.html">杂志名称</a><br />         
          <br /></td>
          <td align="center" valign="top"><a href="#"></a><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
杂志名称</td>
          <td align="center" valign="top"><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
杂志名称<br /></td>
          <td align="center" valign="top"><a href="#"></a><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
杂志名称</td>
        </tr>
      </table>
      <table width="99%" border="0" class="normal13px">
        <tr>
          <td align="center" valign="top"><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
            杂志名称<br />
            <br /></td>
          <td align="center" valign="top"><a href="#"></a><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
            杂志名称</td>
          <td align="center" valign="top"><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
            杂志名称<br /></td>
          <td align="center" valign="top"><a href="#"></a><a href="#"><img src="xx" alt="杂志封面缩略图" width="110" height="146" border="0" /></a><br />
            杂志名称</td>
        </tr>
      </table>
      <p><br />
    </p></td>
  </tr>
</table>
</body>

</html>



2 楼 ddandyy 2006-10-18  
录入数据,直接生成html

好像用velocity就可以做到吧
1 楼 wuhua 2006-10-18  
没人提供意见.
我来说下。
从网上找了个开源的oblog(asp),略为看了下觉得还满足需求。
所以觉得先设计好freemarker模板,把数据填上去,然后保存html文件
并更新相关联的文件

相关推荐

Global site tag (gtag.js) - Google Analytics