一个计算机技术爱好者与学习者

0%

hello voidking

查看效果

1、单击webstorm右上角的绿色三角形(或者shift+f10),运行项目。

2、打开浏览器,输入localhost:3000,有没有看到welcome to express ?

修改文字

下面我们把welcome to express修改为hello voidking!
1、打开views文件夹下的index.ejs,诶?这不是html代码吗?发现有个<%= title%>,这是个啥玩意?
这时,我们就要解释一下模板引擎了。专业一点说,模板引擎是一个可以根据模板生成html代码的工具。通俗一点讲,模板引擎就像是一个函数,不同的x值对应不同的y值。
比如y=x+1,当x=1时y=2。这里的x就相当于<%= title%>,y就相当于html页面。懂了?不懂拉倒,自己慢慢想,这不是重点。
2、知道了原理,修改就简单了,不就是给x赋值嘛!打开routes文件夹下的index.js文件,看到这段代码:

1
2
3
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});

修改如下:

1
2
3
router.get('/', function(req, res) {
res.render('index', { title: 'voidking' });
});

看懂了吧,把“voidking”赋值给了title,仅此而已。

阅读全文 »

1. 开发环境

下载安装node.js。安装完成后,进入命令提示符界面,输入node --version,如果能出现node的版本号,则说明安装成功。

2. 开发工具的选用

java程序开发,我喜欢eclipse;node.js程序开发,我选择的工具是webstorm。至于软件下载破解啥的,都是基本功,在此不赘述。

3. 生成基本目录和文件

1、打开webstorm,file -> new project

2、输入project name,选择location,project type选择node.js express app

3、node.js interpreter和npm excutable的位置默认就好(自动读取),version of express-generator选择最新版4.9.0,template engine选择ejs,css engine选择plain css。

4、ok,this window,如果接下来弹出configure node.js v0.10.31 core modules sources,直接点cancel就好,用不到。

5、好了,项目基础框架搭建好了,看下效果:

20天

这次项目的任务是:开发一个适用于团队的博客。从9月27接手任务,到10月17项目上线,20天左右。加班加点,一路走过,收获颇丰。现在,项目验收完毕,是时候吹吹牛了!

node.js + express + ejs + mongodb + bootstrap

起初,有组员提出使用Java EE,因为我们之前用它开发了复合人才网,比较熟悉。这个提议被我否定了,理由是杀鸡用牛刀。最终,我们决定使用从来都没有接触过的node.js,边学边做,这也符合我们做开发的最终目的——学习。

阅读全文 »

1. 关于引擎的思考

经常看到引擎这个词,比如搜索引擎,游戏引擎,浏览器引擎,javascript引擎,node.js的javascript引擎是V8……百度之,搜到的都是机械上的引擎解释。那么,在猿类的世界里,引擎到底是啥东西?

2. 结论

个人认同最佳解释:引擎是最核心的方法、组件或者模块。

3. 理由

经过向大神请教,以及群组讨论,得到了很多见解。不保证正确性,下面记录一些个人认同的观点。

最核心的方法,比如搜索引擎就表示你是用的什么搜索方式,众所周知,GOOGLE的搜索要比百度好,就是引擎做得好。

最核心的组件,比如游戏引擎是直接影响着你是3D还是2D。看一款游戏好不好,其实引擎就决定了。QQ斗地主和魔兽世界就完全不同,虽然两者都叫游戏;某些网游基本都一样玩法,就是引擎一样。

linux系统很多,但是使用的linux内核一样,内核就相当于引擎。计算机种类很多,但是很多计算机都使用Intel的CPU,CPU就相当于引擎。汽车种类很多,但是很多汽车都是用的同样的发动机(引擎)。汽车的质量也是看发动机,差的发动机肯定是做不出来法拉利赛车的。

4. 附录

引擎一般用C++编写。

引擎更重要的是方法和理念。

5. 2016.11.08更新

一位老师给出的解释:给出一些东西,返回另一些东西,这就是引擎。

整理自:慕课网

伪造模板数据跑通前后端交互流程

本篇博客用到的代码,小伙伴们直接复制粘贴就可以了,你们可知道郝同学一行行敲得多么辛苦T_T,复制粘贴前给个赞啊!

工程结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
helloworld/
-bower_components/
-node_modules/
-views/
-includes/
-head.jade
-header.jade
-pages/
-index.jade
-detail.jade
-admin.jade
-list.jade
-layout.jade
-app.js
阅读全文 »