2.2-1 文章模块开发

文章模块的开发目录为: ~/blog/work/art/1.0.0

文章管理主要有3个页面: 文章列表/添加文章/编辑文章

1.模板

atm规定,模板文件统一放在版本号下面的views文件夹下面

因此:

  1.在~/blog/work/art/1.0.0下面创建views文件夹

  2.在views文件夹下创建 list.ejs / add.ejs / edit.ejs 三个文件

2.入口文件

针对这三个模板,我们设定三个入口文件 分别为list.js / add.js / edit.js

这三个入口文件是将来与研发进行协同工作的一个入口文件,因此atm规定,后台需要用到的入口文件需要放在版本下面的exports文件夹下

因此:

  1.在~/blog/work/art/1.0.0下面创建exports文件夹

  2.在exports文件夹下创建 list.js / add.js / edit.js 三个文件

3.查看入口文件构建后的id

访问 http://127.0.0.1:1234

点击左侧这里,

右侧会出现

在右侧可以看到三个文件对应的id分别为

work/art:1.0.0/list

work/art:1.0.0/add

work/art:1.0.0/edit

在模板列表下是三个模板的链接

ps(本地的node环境界面暂时比较丑,后续会继续优化)

4.在模板中调用入口文件

以添加文章(add.ejs) (http://127.0.0.1:1234/dev/work/art/1.0.0/views/add) 为例, 代码为

<% atmjs.use(‘work/art:1.0.0/add‘); %>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>添加文章页面</title>
    <% atmjs.loadCss(); %> <!--渲染入口文件依赖的css-->
</head>
<body>

<% atmjs.loadJs(); %> <!--渲染入口文件依赖的JS相关代码-->
</body>
</html>

那么问题来了,如果过段时间我版本升级了,或者art名称改了,或者work名称改了,那岂不是每个模板里面的入口文件都得改?

呵呵,我们有对策,我们这里提供了三个变量占位符($family,$module,$version),注意看add.ejs的访问地址结构/dev/work/art/1.0.0/views/add

dev是本地的一个构建目标,后面的文档会提到,暂时先不管

$family会替换成work

$module会替换成art

$version会替换成1.0.0

因此我们可以这样调用入口文件

<% atmjs.use(‘$family/$module:$version/add‘); %>

截至目前,项目目录为

时间: 2024-10-31 07:21:11

2.2-1 文章模块开发的相关文章

2.2-2 文章模块开发【添加文章页面脚本编写】

~/blog/user/art/1.0.0/add.js 开发 添加文章页面主要的功能就是一个提交表单,这里我们采用异步提交 1.模块依赖 为了提高开发效率,我们用jQuery进行开发(我们建议一个项目只用一个jquery版本,因此我们把jQuery作为一个核心模块进行处理) 访问 http://127.0.0.1:1234,我们可以看到jquery文件的id为$, 提供的接口就是jQuery(就是平时我们用到的$函数) 因此,我们可以这样在add.js中声明对jQuery的依赖 var $ =

Nginx Http模块开发

关于Nginx Http模块开发的文章非常少,只有Emiler的那篇关于Http模块的文章,但是那篇文章里面,并没有说到事件型的模块如何进行开发.而且文章里面提到的内容实在是让人有点意犹未尽.因此,对于Http事件型模块的开发进行了一些总结,与大家分享.但是,无论如何,要进行Nginx模块开发,最好的方法还是找到相似性较大的模块的代码进行参考,多试多看. 通常,一个Http模块均是有以下的几个部分组成: 1.模块配置结构体:(configure structure) 负责存储配置项的内容,每一条

Nginx模块开发入门(转)

前言 Nginx是当前最流行的HTTP Server之一,根据W3Techs的统计,目前世界排名(根据Alexa)前100万的网站中,Nginx的占有率为6.8%.与Apache相比,Nginx在高并发情况下具有巨大的性能优势. Nginx属于典型的微内核设计,其内核非常简洁和优雅,同时具有非常高的可扩展性.Nginx最初仅仅主要被用于做反向代理,后来随着HTTP核心的成熟和各种HTTP扩展模块的丰富,Nginx越来越多被用来取代Apache而单独承担HTTP Server的责任,例如目前淘宝内

Nginx模块开发入门

前言 Nginx是当前最流行的HTTP Server之一,根据W3Techs的统计,目前世界排名(根据Alexa)前100万的网站中,Nginx的占有率为6.8%.与Apache相比,Nginx在高并发情况下具有巨大的性能优势. Nginx属于典型的微内核设计,其内核非常简洁和优雅,同时具有非常高的可扩展性.Nginx最初仅仅主要被用于做反向代理,后来随着HTTP核心的成熟和各种HTTP扩展模块的丰富,Nginx越来越多被用来取代Apache而单独承担HTTP Server的责任,例如目前淘宝内

Nginx模块开发入门(转)

前言 Nginx是当前最流行的HTTP Server之一,根据W3Techs的统计,目前世界排名(根据Alexa)前100万的网站中,Nginx的占有率为6.8%.与Apache相比,Nginx在高并发情况下具有巨大的性能优势. Nginx属于典型的微内核设计,其内核非常简洁和优雅,同时具有非常高的可扩展性.Nginx最初仅仅主要被用于做反向代理,后来随着HTTP核心的成熟和各种HTTP扩展模块的丰富,Nginx越来越多被用来取代Apache而单独承担HTTP Server的责任,例如目前淘宝内

Drupal 7 模块开发 创建自定义表(table) (hook_schema)

建立模块请参考 <Drupal 7 模块开发 建立> 如果你要支持中文,文件格式必须保存为 UTF-8,NO BOM ------------------------------ 要为自己模块建立一个单独的表(table),需要用到 hook_schema 表名称:myform function my_first_module_schema() { $schema['myform'] = array( 'description' => '第一个表单', 'fields' => ar

React Native Android原生模块开发实战|教程|心得|如何创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得,来分享给大家,但实在抽不开身,今天看了一下日历发现马上就春节了,所以就赶在春节之前将这篇博文写好并发布(其实是两篇:要看iOS篇的点这里<React Native iOS原生模块开发>). 我平时在用React Native开发App时会

React Native iOS原生模块开发实战|教程|心得|如何创建React Native iOS原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691432) 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得,来分享给大家,但实在抽不开身,今天看了一下日历发现马上就春节了,所以就赶在春节之前将这篇博文写好并发布(其实是两篇:要看Android篇的点这里<React Native Android原生模块开发>). 我平时在用React Nativ

Drupal 7 模块开发 建立模块 第一个页面(hook_menu)

建立模块请参考 <Drupal 7 模块开发 建立> 如果你要支持中文,文件格式必须保存为 UTF-8,NO BOM ------------------------------ hook_menu 定义菜单项和页面反馈. 我们要用自己模块名替换 hook.在这里我们建立一个 my_first_module_menu() 在 my_first_module.module文件里 <?php function my_first_module_menu() { $items = array()