私人笔记本

私人笔记本的制作

Node.js

首先,完成这个项目需要用到Node.js.Express和MySql,那么我们先说Node.js,Node.js 是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。 Node 公开宣称的目标是 “旨在提供一种简单的构建可伸缩网络程序的方法”。它算是前端中的服务器语言,因为前端和后端分工的不同,所用的语言也不相同,所以Node.js就诞生了,Node.js不同于其他服务器,它用的是js语言,这就是它的优点。

Express

Express是一个基于Node平台的web应用开发框架,它提供了一系列的强大特性,帮助你创建各种Web应用。Express很轻巧,通常用来做Web后端的开发。

MySql

MySQL采用的是客户/服务器体系结构,因此实际使用时,有两个程序:1. 一个是MySQL服务器程序,指的是mysqlId程序,运行在数据库服务器上,负责在网络上监听并处理来自客户端的服务请求根据这些请求去访问数据库的内容,再把有关信息回传给客户;2. 另一个程序是MySQL客户端程序,负责连接到数据库服务器,并通过发出命令来告知服务器它想要的操作

而要实现这个项目,就需要启用Node通过Express中的模块,和MySql建立连接,让Node的数据保存到MySql中,然后进行登录注册,写下自己的生活记录。

1.Node.js和Express的安装

下载网址:https://nodejs.org/en/download/ 下载好之后根据网上的教程一步一步安装,网上的教程很多,这里就不啰嗦了。安装好之后我们需要在终端里面进行测试,输入node -v出现版本就证明安装成功了,如果第一次可以打开第二次打开无版本信息则证明项目配置文件没配置好,然后安装api,通过api来安装Express,输入npm install -g express –registry=https://registry.npm.taobao.org,同样出现版本号安装成功,否则项目配置文件有问题。

2.MySql的安装

1.在自己的项目目录下进入cmd,执行命令express demo1创建一个服务器项目 2.进入demo1,执行命令npm i,安装依赖模块 3.执行命令npm i mysql 安装mysql模块 4.在自己的数据库中创建一个用于存储用户名和密码的简单数据库。

实现原理 

首先要有html页面,用于登录和注册,所以有login.html(登录界面)和register.html(注册界面)放于public下,在两个页面中都有form表单,点提交时会以post方式向服务器发送请求,所以要在服务器端接收,处理,返回数据,这些处理在js文件中进行。所以在routes文件夹下创建一个login.js用于处理登录和注册的请求。总共有三个文件。

在创建完login.html ,register.html和login.js后,在app.js中添加或修改以下代码到相应位置

将login路由引入到app.js中,并将此路由作为根目录

Html代码:登录

 Html代码:注册

 

 Html代码:记事本

数据库的连接

输入 mysql -u root -p 命令,回车,然后输入 MySQL 的密码再回车,就连接上 MySQL 了。

刚安装 MySQL 时,默认有四个数据库,information_schema,mysql,perfomance_schema,sys 。通常情况下,我们不会直接使用这四个数据库。 使用 create database 数据库名; 创建数据库。 输入代码:create database MyDB_one; 创建数据库成功后,数据库的数量变成了5个,多了刚才创建的 MyDB_one 。

 检测登录状态

新建 /louNote/checkLogin.js 文件,该文件用于判断用户是否已经登录并完成访问限制功能

修改 app.js 文件,将路由修改为如下的形式。即在每一个路由的逻辑处理函数之前,再添加一个同样的路由,只不过处理函数为 checkLogin.js 提供的两个接口:login 和 noLogin,利用这样的两次路由,即可实现路由限制:

 项目总结:本次项目的核心是以Node作为服务器,用Express中的模块,与MySql数据库进行连接,通过启动Node服务器,在浏览器中输入私人服务器地址和端口号,在Html中实现登录注册,并把所输入的数据保存至数据库,但我们也遇到了问题,不能让笔记本中的数据保存至后台,至今还未实现,我们深感抱歉,也希望看到此文章的人能比我们走的更远,让我们一起努力。

成员:李嘉亮     张申奥    王炎午     杨贺贺     杨江强

项目提取码:

链接:https://pan.baidu.com/s/1PxI2C6UKZ5HVC7gs1Bz4bg
提取码:2222

 

原文地址:https://www.cnblogs.com/szmtjs10/p/15757261.html