一、什么是 neno?
neno 是 Node.js 的一个小型 MVC 框架,适用于开发轻量级的 Web 应用程序。
neno 的特点包括:
- 采用类似于 Express 的路由管理,易于扩展和维护
- 支持控制器和视图的分离,并且使用了 EJS 模板引擎
- 支持静态资源的管理
- 支持中间件的使用
二、如何安装和使用 neno?
1. 安装 neno
在命令行中执行以下指令:
npm install neno
2. 创建 neno 项目
在命令行中执行以下指令:
npx neno create-project <project-name>
这里的 <project-name>
为你创建的项目名,例如 my-project。
执行该指令后,在当前目录下会自动生成一个名为 my-project 的项目。进入该项目,可以看到以下目录结构:
-- -------------------- ---- ------- ---------- --- --- - --- ----------- - - --- ------- - --- ----------- - - --- -------- - --- ------ - --- ----- - --- --------- - --- ---- - --- --------- --- ------ - --- ----------- - --- --------- --- ------------ --- ------ - --- --- - --- --- - --- -- - --- --- --- ------ - --- ------- - --- -------- --- ---- --- --------- --- ------ --- ----------------- --- ------------
这是 neno 项目的基本结构,其中 app 文件夹下包含了控制器、中间件和视图的相关文件,config 文件夹下包含了配置文件,public 文件夹下包含了静态资源,routes 文件夹下包含了路由文件。
3. 运行 neno 项目
首先,在项目根目录下创建一个名为 .env 的文件,并添加以下内容:
PORT=3000
这里设置了服务器的运行端口为 3000。当然,你可以根据需要修改。
然后,在命令行中执行以下指令:
npm start
这里的 start 是 package.json 中预定义的脚本,指向 app.js 文件。执行后,可以在浏览器中输入 http://localhost:3000/
访问首页,如果一切正常,应该可以看到 "Hello neno!" 的字样。
三、neno 项目基本用法
1. 路由管理
neno 采用类似于 Express 的路由管理,路由文件位于 routes 文件夹下。例如,如果你需要创建一个名为 about 的页面,可以在 routes 文件夹下的 home.js 文件中添加以下代码:
router.get('/about', (req, res) => { res.render('home/about'); });
这里使用了路由管理器的 get 方法,当请求 URL 为 /about 时,返回 home/about 视图。需要注意的是,这里的视图路径是从 views 文件夹开始算起的,即为 views/home/about.ejs。
2. 控制器和视图
控制器和视图分别放置在 app/controllers 和 app/views 文件夹下。控制器用于处理业务逻辑,视图用于渲染数据和呈现页面。例如,以下是一个名为 home 的控制器:
module.exports = { index(req, res) { res.render('home/index', { title: 'Home Page' }); }, about(req, res) { res.render('home/about', { title: 'About Page' }); } };
这里的 index 和 about 方法分别对应首页和关于页,使用 res.render 方法返回对应视图,并传递了一个标题为 Home Page 或 About Page 的变量。在视图中,可以通过 EJS 处理这个变量:
<h1><%= title %></h1>
3. 中间件
neno 支持中间件的使用,可以在 app/middlewares 文件夹下创建中间件文件,并在 app.js 中使用:
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- ------- - --------------------------- -- --- ------------------------------- --------- ----- ---- --------------------------- ----------------- ------- ------------------ ------- ------ ------------------ ---- ----
这里使用了两个常用的中间件,分别是 body-parser 和 express-session。
4. 静态资源管理
neno 可以方便地管理静态资源,只需将静态文件放置在 public 文件夹下即可。例如,如果你需要在网页中引用一个静态 CSS 文件,可以在视图中添加以下代码:
<link rel="stylesheet" href="/css/style.css">
这里的 /css 表示 public 文件夹下的 css 文件夹。
四、neno 的进阶用法
1. 数据库操作
neno 自身不带有数据库操作功能,但可以通过第三方库来实现。例如,使用 Sequelize 实现数据库操作:
-- -------------------- ---- ------- ----- --------- - --------------------- ----- --------- - --- --------------------- ----------- ----------- - ----- ------------ -------- -------- ----- - ---- -- ---- -- ----- ----- - --- ----- ---- - ------------------------ - --------- ----------------- --------- ---------------- --- ----------- ------ ---- -- -------- -- ------------- --------- -------- --------- ------- --- ---------- -- -----------------------------------
这里创建了一个名为 user 的数据模型,使用 User.sync 方法建立数据库表,并通过 User.create 创建了一个新用户。更多关于 Sequelize 的用法,可以查看官方文档。
2. 部署 neno 应用
neno 应用可以部署在各种服务器上,例如直接部署在 Linux 服务器上。可以使用 pm2 来管理 neno 应用。
首先,使用以下命令安装 pm2:
npm install pm2 -g
然后,在 neno 应用根目录下执行以下命令:
pm2 start app.js --name my-project
这样就启动了一个名为 my-project 的应用。通过 pm2,你可以方便地管理和监控应用的运行情况。
五、结语
neno 是一个小巧精悍的 Node.js MVC 框架,具有易于扩展和维护的特点,适用于开发轻量级的 Web 应用程序。在本文中,我们介绍了 neno 的基本用法和进阶用法,包括路由管理、控制器和视图、中间件、静态资源管理、数据库操作和部署应用等方面。希望这份文章对你有所帮助!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600556b681e8991b448d3820