`
wuhua
  • 浏览: 2114442 次
  • 性别: 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文件
并更新相关联的文件

相关推荐

    jquery带翻页动画的电子杂志特效代码.zip

    总的来说,这个"jquery带翻页动画的电子杂志特效代码"是一个利用jQuery技术实现的网页交互设计,它为创建引人入胜的在线阅读体验提供了可能。通过理解和自定义这个代码,你可以为你的网站或应用增添一份独特的魅力。

    pkZine电子杂志反编译工具.v2.1.1.911

    《pkZine电子杂志反编译工具.v2.1.1.911》是一款专为处理电子杂志设计的专业软件,主要用于将已编译的CHM(Microsoft Compiled HTML Help)格式文件进行反编译,以便用户可以访问和提取其中的内容。这款工具的主要...

    phpcms电子杂志 电子报纸模块.zip

    phpcms的电子杂志模块是其特色功能之一,旨在帮助用户创建、发布和管理在线杂志或报纸。这个模块不仅提供了丰富的排版工具,还支持多媒体内容,如图片、音频、视频,以及互动元素,以增强用户的阅读体验。通过电子...

    Android 电子杂志(带翻页效果)源码-IT计算机-毕业设计.zip

    这篇电子杂志应用是基于Android平台开发的,具有独特的翻页效果,是针对计算机科学与技术专业学生的一个毕业设计项目。这个源码可以帮助学习者深入理解Android应用开发的实践过程,尤其是对于想要在毕业设计中涉及...

    电子杂志精美模版

    它打破了传统电子杂志设计的门槛,让更多的人能够以较低的成本,高效地制作出高质量的电子杂志。 总结来说,电子杂志精美模版作为一种设计资源,无疑为电子杂志的创作和发布提供了极大的便利。它们不仅美化了电子...

    iebook电子杂志模板打包下载.rar

    在【压缩包子文件的文件名称列表】中,“iebook电子杂志模板打包下载”可能包含了多个子文件夹或单独的模板文件,比如“封面模板”、“内页模板”、“动画效果”等,每个文件都对应着iebook电子杂志制作中的一个部分...

    最火的电子杂志网站大全

    电子杂志是一种将传统纸质杂志的内容以数字化形式呈现的媒体,它结合了文字、图像、音频、视频等多媒体元素,提供了一种互动式的阅读体验。近年来,随着互联网技术的发展,电子杂志已经成为人们获取信息、娱乐和学习...

    电子杂志策划书.doc

    总之,电子杂志策划书是一项意义深远的校园活动,它不仅为学生提供了一个学习和实践的机会,而且通过技术与文化的结合,促进了学生全面发展。通过参与这样的活动,学生不仅能够提升自己的电脑技术理解与应用能力,还...

    网页电子杂志,js+flash

    在本项目中,FlippingBook.swf很可能是一个Flash应用程序,负责展示电子杂志的页面内容,并可能包含各种动态效果和交互功能。由于Flash具有良好的跨平台性,可以确保在多种浏览器和操作系统上提供一致的用户体验。...

    jquery带翻页动画的电子杂志.zip

    "jquery带翻页动画的电子杂志"是一个利用jQuery开发的项目,其核心是创建一种类似真实书籍的用户体验,通过动态的翻页效果来呈现电子杂志的内容。这个项目使用了名为jQuery.booklet的插件,这是一个专门用于实现此类...

    pkZine电子杂志反编译工具 V2.2.1.958

    总的来说,pkZine电子杂志反编译工具 V2.2.1.958是一个强大的工具,可以帮助用户深入了解和处理加密的电子杂志内容。但需要注意的是,使用此类工具应遵守版权法,仅用于合法的个人学习和研究目的,避免侵犯他人的...

    html5 翻书效果 turn.js 电子杂志

    本篇文章将详细介绍如何利用Turn.js来创建一个逼真的电子杂志或图书应用。 首先,Turn.js的核心功能是模拟纸张翻页的动作,包括页面的弯曲、阴影和动态效果。这个库支持两种主要的翻页模式:横向和纵向,可以根据...

    不错的flash电子杂志模板3——玉兰油电子杂志

    2. 电子杂志模板:电子杂志模板是预先设计好的框架,包括布局、风格和功能,为创建电子杂志提供了一个快速且高效的基础。这种模板通常包含预设的颜色方案、字体、图像和导航元素,可以根据需要进行自定义,以适应...

    一套电子杂志发布系统

    标题 "一套电子杂志发布系统" 描述了一个用于在线发布电子杂志的应用程序,它可能包括了内容上传、管理、用户访问等功能。系统具有一个后台登录页面,位于 `admin/Admin_login.asp`,这通常是一个用于管理员进行内容...

    翻页杂志,电子杂志,翻页电子杂志

    金玉Flash图片滚动展示系统可能是一个用于制作这类电子杂志的工具,它专注于图片的动态展示。这种系统通常具备以下特性: - 图片序列播放:支持自动或手动播放图片,形成类似幻灯片的效果。 - 动画效果:提供多种...

    电子杂志的成功运作.doc

    【电子杂志的成功运作】 ...在项目管理的视角下,电子杂志的运营是一个系统工程,涵盖了市场研究、产品设计、用户关系管理和商业模式构建等多个环节,需要综合运用各种管理技巧,以实现长期的可持续发展。

    电子杂志制作程序

    - "洪越源代码--更多免费精品商业源码.url":这可能是一个链接,指向更多免费的商业源码资源,对于开发者来说是宝贵的参考资料。 - "zoheflash":这可能是程序中涉及的Flash技术部分,Flash常用于创建动态效果和...

    FLASH电子杂志组件带教程

    描述中提到,“做FLASH电子杂志的组件和他的教程”,暗示这可能包含了一个制作流程的指导,帮助用户了解如何利用提供的组件来设计和制作出功能丰富的电子杂志。这个“翻页组件”可能是通过ActionScript编程实现的,...

    FLASH 电子杂志

    【FLASH 电子杂志】是一种利用Adobe Flash技术制作的互动式...通过以上分析,我们可以看出,创建一个成功的Flash电子杂志不仅需要扎实的Flash技术和编程基础,还需要对多媒体设计、网页开发以及用户体验有深入的理解。

    zinemaker电子杂志模型

    Zinemaker是一款专为制作电子杂志、电子书、企业宣传册等设计的工具,它集文本编辑、图像处理、动画制作、音频视频嵌入等功能于一体,让用户能够轻松地将传统纸质杂志转换为具有丰富媒体元素的数字版本。 在制作...

Global site tag (gtag.js) - Google Analytics