php nodejs 前台,NodeJS之前端注册页面

本文主要给大家介绍了NodeJS之前端注册页面的相关知识，文中通过示例代码介绍的非常详细，对大家学习具有一定的参考学习价值，希望能帮助到大家。

app.js文件为：//应用程序的启动入口文件

//加载模块

var express = require('express'); //加载express模块

var swig = require('swig'); //加载模板处理模块

var app = express(); //创建app应用,相当于nodeJS的http.createService()

var mongoose = require('mongoose'); //加载数据库模块

//配置模板引擎

app.engine('html',swig.renderFile); //定义当前模板引擎，第一个参数：模板引擎名称，也是模板文件后缀；第二个参数：处理模板的方法

app.set('views','./views'); //设置模板文件存放的目录,第一个参数必须是views，第二个参数是目录

app.set('view engine','html'); //注册模板

swig.setDefaults({cache:false});//取消模板缓存

app.use('/public',express.static(__dirname + '/public'));//当用户请求的路径ulr以/public开头时，以第二个参数的方式进行处理(直接返回__dirname + '/public'目录下文件)

//根据不同的功能划分模块

app.use('/admin',require('./routers/admin'));

app.use('/api',require('./routers/api'));

app.use('/',require('./routers/main'));

mongoose.connect('mongodb://localhost:27017/blog',function(err){

if(err){

console.log("数据库连接失败");

}else{

console.log("数据库连接成功");

app.listen(8081); //监听http请求

}

});

修改在routers文件夹下的main.js代码，作为前端注册页面的路由var express = require('express');

var router = express.Router();

router.get('/',function(req,res,next){

res.render('main/index.html');

})

module.exports = router;

前端注册页面位于views文件夹中的main/index.html文件，另外前端注册文件还要引入css和js静态文件，均位于public文件夹下：

下载写好的静态模板https://pan.baidu.com/s/1vAu131qU1NhddK2w6_IgtA

分别将其复制到对应位置

打开页面呈现是这样

输入注册信息点击注册按钮打开浏览器调试可以查看请求的数据：

php nodejs 前台,NodeJS之前端注册页面相关推荐

08-SSH综合案例：前台用户模块：注册页面的前台JS校验
这个是MyEclipse设置的问题把设置去掉就没问题了. 你也可以在每一个input后面加个span来显示提示的信息.这些东西也要提交到后台,后台也是要对这些东西进行校验的. 转载于:https:/ ...
需求：有一个首页，首页中有登录和注册 1. 点击注册进入注册页面。成功注册后，在页面中显示 “恭喜您，注册成功，页面内将在5秒后跳转到个人主页，点击这里立即跳转” 。进入个人主页后显示当前的时间。
1.项目所需的jar包导包:c3p0包.dbut ils包.servlet包,c3p0依赖包以及c3p0文件配置. 创建一个数据库day0914,并创建一个表user用于数据的存储. 数据库相关的包 ...
使用nodejs、express以及MySQL制作一个简单类淘宝的登录注册页面
项目搭建参考自原文地址:https://jimmyhjh.com/nodejs-express-MySQL-4177adf369dc46d7983138b891d582c9 一.通过MySQL建立数 ...
使用flask-WTF,Flask-Login，sqlite3实现登录和注册（前端登录和注册页面）
文章目录 1.文件结构: 2.实现效果: 3.使用的可视化工具(工具DB Browser for sqlite下载): 4.参考过的文章(一部分代码来自这里): 5.主文件.main.py: 6.前端 ...
php渲染nodejs api,nodejs通过响应回写渲染页面步骤详解
这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下. 我们一般通过node框架提供的api操作页面渲染,如何利用原 ...
刚写完的商城erp + 这个商城前台，新鲜出炉。自己1个人写, 包括php框架和前端html页面....
刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面. 刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面. ...
一个注册页面的前端模板（html+css+javascript）可自适应屏幕
一个注册页面的前端模板(html+css+javascript)可自适应屏幕,修改样式即可用. 截图代码 <!DOCTYPE html> <html><head> ...
【Web前端】千年之恋注册页面——源代码展示
目录一.案例图二.源代码 2.1 html部分 2.2 css部分 2.3 全部代码(直接运行) 三.效果呈现编辑本篇文章我们来实现一个千年之恋的登录注册页面(仅使用了HTML+CSS),这个 ...
WPF帝友借贷系统MV模式开发日志2021/04/02_前台登入注册页面搭建
WPF帝友借贷系统MV模式开发日志_前台页面搭建下面是我搭建好的前台登入界面可以看出,登入界面主要分为两个部分一个部分是登入程序信息显示(左边) 一部分是登入数据验证部分(右边)因为是桌面软件, ...

php nodejs 前台,NodeJS之前端注册页面

php nodejs 前台,NodeJS之前端注册页面相关推荐

最新文章

热门文章