偶做的一个dewjs框架运行于Nodejs端

偶做的一个dewjs框架运行于Nodejs端

http://www.oschina.net/p/dewjs

基于 Node.js 开发的 dewjs 框架，使用 MIT 开源协议。

dew.js 是一款快速，简洁，便于组织的 MVC 框架。灵活的路由表可映射控制器中所需功能，视图采用类似于 php 中的 smarty 模板引擎，松散而不缺乏功能的原型继承设计，仅只需要编写相应控制器与模型即可构建web应用。

2 回复

帖子内容：偶做的一个dewjs框架运行于Nodejs端

标题：偶做的一个dewjs框架运行于Nodejs端

概述

dew.js 是一个基于 Node.js 的 MVC 框架，旨在提供一种快速、简洁且易于组织的方式来构建 Web 应用程序。它采用了 MIT 开源协议，意味着你可以自由地使用、修改和分发该框架。

特点

  • MVC 架构：dew.js 采用了经典的 MVC（Model-View-Controller）架构，使得应用程序的结构清晰且易于维护。
  • 灵活的路由表：你可以通过配置路由表来映射控制器中的功能，这使得 URL 路径与控制器方法之间的关联变得简单而直观。
  • Smarty 风格模板引擎：视图部分采用了类似 PHP 中 Smarty 模板引擎的语法，使得模板编写更加直观。
  • 松散而不缺乏功能的原型继承设计：开发者可以利用 JavaScript 的原型继承特性来实现类的继承和复用，同时保持代码的简洁性。

示例代码

安装 dew.js

首先，你需要安装 dew.js。可以通过 npm 来安装：

npm install dewjs
创建一个简单的应用

假设我们创建一个简单的博客应用，包含两个页面：首页和文章详情页。

控制器
// controllers/home.js
module.exports = {
  index: function (req, res) {
    res.render('home', { title: '首页' });
  }
};

// controllers/post.js
module.exports = {
  show: function (req, res) {
    const postId = req.params.id;
    // 这里可以调用模型获取文章数据
    res.render('post', { title: '文章详情', postId });
  }
};
路由
// routes/index.js
const homeCtrl = require('./controllers/home');
const postCtrl = require('./controllers/post');

module.exports = [
  { method: 'GET', path: '/', handler: homeCtrl.index },
  { method: 'GET', path: '/posts/:id', handler: postCtrl.show }
];
视图
<!-- views/home.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{ title }}</title>
</head>
<body>
  <h1>{{ title }}</h1>
  <p>欢迎来到首页！</p>
</body>
</html>

<!-- views/post.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{ title }}</title>
</head>
<body>
  <h1>{{ title }}</h1>
  <p>查看文章 {{ postId }}</p>
</body>
</html>
启动服务器
// app.js
const dew = require('dewjs');
const routes = require('./routes/index');

const app = dew.createApp();

app.use(routes);

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

以上就是如何使用 dew.js 框架构建一个简单的博客应用。通过简单的控制器、路由和视图配置，你就可以快速搭建起一个功能完善的 Web 应用。


对于基于 Node.js 开发的 DewJS 框架，以下是一些关键点的简要说明和示例代码。

DewJS 简介

DewJS 是一个快速、简洁且便于组织的 MVC 框架。它允许你通过灵活的路由表将控制器中的功能映射到相应的 URL。视图采用了类似于 PHP 中的 Smarty 模板引擎的设计。

示例代码

1. 安装 DewJS

首先，你需要安装 DewJS 框架：

npm install dewjs --save

2. 创建项目结构

假设你的项目结构如下：

myapp/
├── app.js
├── controllers/
│   └── home.js
├── models/
│   └── user.js
└── views/
    └── index.html

3. 配置 app.js

app.js 是你的应用程序入口文件。这里你可以设置路由表和初始化 DewJS 框架。

// app.js
const Dew = require('dewjs');
const app = new Dew();

// 路由配置
app.get('/', 'home#index');

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

4. 控制器 home.js

控制器文件 controllers/home.js 定义了处理特定请求的方法。

// controllers/home.js
module.exports = {
  index: function(req, res) {
    res.render('index.html', { title: 'Welcome to DewJS' });
  }
};

5. 视图 index.html

视图文件 views/index.html 可以使用类似 Smarty 的模板语法。

<!-- views/index.html -->
<!DOCTYPE html>
<html>
<head>
  <title>{{ title }}</title>
</head>
<body>
  <h1>Hello, DewJS!</h1>
</body>
</html>

运行应用

确保所有文件都在正确的位置后，启动你的应用：

node app.js

现在，当你访问 http://localhost:3000 时，应该会看到 “Hello, DewJS!” 的页面。

总结

DewJS 是一个轻量级的 MVC 框架，它提供了一种快速构建 Web 应用的方法。通过上述步骤，你可以创建一个简单的 Web 应用并理解 DewJS 的基本工作流程。

回到顶部