文档结构  
翻译进度:已翻译     翻译赏金:0 元 (?)    ¥ 我要打赏

在本教程中, 我们将重点介绍如何使用Node.js和MySQL创建一个web应用。 Node.js是一个快速发展的技术,现在被广泛使用在web应用开发当中。对于一个Node.js应用首选的数据库解决方案是非关系型数据库。 但有时根据您的需求,SQL数据库可能是更好的解决方案。

Web应用程序可以这样工作:

  1. 用户可以登录应用程序;
  2. 他们看到了他们已经创建的任务列表;
  3. 其中有一个选项来创建一个新的任务,有一个选项来退出应用程序;
  4. 差不多就是这些了。
第 1 段(可获 1.34 积分)

你可以在 GitHub上找到关于node.js和MySQL教程的源码。 在下面的评论区,你可以随意写下你的想法和修改意见。

安装必要的技术环境

让我们开始下载和安装node.js。一旦node安装成功,你应该能查到NPM安装的一个版本。 NPM是node包管理工具,我们将使用它来安装不同的包。

创建一个文件夹并命名为NodeTaskApp。在项目目录中,我们将创建一个名为package.json的文件,这将包含与项目相关的所有信息,如项目名、存储地址、项目依赖等等。不过我们不需要手动去创建这个文件。NPM提供一个命令行来自动创建package.json文件, 所以进入项目文件夹来创建package.json文件吧。

第 2 段(可获 1.74 积分)
cd NodeTaskApp
npm init

npm init 命令将会初始化 package.json 文件并提示用户输入详细信息。填写相关信息后你将会在你的项目目录中得到一个 package.json 文件. 下面是我的 package.json 文件:

{
  "name": "NodeTaskApp",
  "version": "1.0.0",
  "description": "Node.js and MySQL app",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/jay3dec/NodeTaskApp"
  },
  "author": "Jay",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/jay3dec/NodeTaskApp/issues"
  },
  "homepage": "https://github.com/jay3dec/NodeTaskApp"
}

package.json的另一个非常重要的优势在于,当有人想要构建你的项目是,他不需要关注你项目的每一个依赖。 使用npm install,可以通过package.json文件自动安装依赖关系。

接下来, 我们将使用express, 它是创建Node.js 应用的一个we框架, 因此进入项目目录并安装express框架。

cd NodeTaskApp
npm install express --save

请注意 --save 选项,这样做是为了在package.json文件中保存express的依赖关系。

第 4 段(可获 1.06 积分)

设置Node应用

我们将使用我们已经安装的express框架创建一个基础的node应用。 然后我们会将应用程序绑定到本地端口地址。因此在项目目录下创建一个名为app.js的文件并添加以下代码:

var express = require('express');
var app = express();

// Binding express app to port 3000
app.listen(3000,function(){
    console.log('Node server running @ http://localhost:3000')
});

试着使用Node命令运行app.js

node app.js

你应该在终端控制台上看到一条消息:Node server running @ http://localhost:3000。接下来, 让我们为应用添加一些默认视图。 我们将使用bootstrap模板来为我们的应用程序建立一个快速的用户界面。因此,在我们的项目目录中安装bootstrap。

第 5 段(可获 1.19 积分)
npm install bootstrap --save

在项目目录中,创建一个名为style的文件夹,并在其文件夹中创建名为cover.css的文件。

在项目目录中,创建一个名为templates的文件夹,并在其文件夹中床架名为home.html的文件。

在app.js文件中,定义静态文件路径以便于让node程序解析。

app.use('/node_modules',  express.static(__dirname + '/node_modules'));

app.use('/style',  express.static(__dirname + '/style'));

现在让我们定义应用程序的默认路由。

app.get('/',function(req,res){
    res.sendFile('home.html',{'root': __dirname + '/templates'});
})

第 6 段(可获 0.74 积分)

如上述代码所示, 当请求根路径时会呈现home.html页面, 保存上述更改并重启服务。 点击地址http://localhost:3000 你应该在浏览器上看到home页面。

Creating a Web App Using Node.js & MySQL – Getting Started

使用Node.js和MySQL创建一个Web应用程序–入门

同样的, 在app.js中定义以下路由来显示登录和注册页面。

app.get('/showSignInPage',function(req,res){
    res.sendFile('signin.html',{'root': __dirname + '/templates'});
})

app.get('/showSignUpPage',function(req,res){
  res.sendFile('signup.html',{'root':__dirname + '/templates'})
})
第 7 段(可获 0.88 积分)

在项目的templates文件夹中包含signin.htmlsignup.html页面。 现在,点击主页上的SignIn&SignUp链接,它应该能导航到相应的页面。

总结

在使用Node.js和MySQL创建一个web应用的系列教程中,我们了解了如何开始使用并创建一个node应用。在接下来的教程中,我们将展现如何通过Node连接MySQL数据库并实现用户登录的功能。

对Node.js和MySQL教程的任何功能要求都非常受欢迎。

让我们知道您的想法,更正或以下意见中的任何建议。

第 8 段(可获 1.46 积分)

文章评论