大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了Node.js如何实现用户评论社区功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
创新互联公司主要从事网站设计、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务东河,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792前面
接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区。可以先看下效果图:
开始建立项目文件夹comment-list
,在里面新建一个public
文件夹,public
文件夹存放我们允许客户端访问的资源,这里是公开的。app.js
文件是我们服务端代码。
在index.html
文件中放的是网站的首页内容,这里采用bootstrap
框架快速搭建。可以先招一些假数据,以便页面渲染后看效果。核心代码:
这里采用js模板语法,等会会在服务端代码中将模板字符串渲染成真实数据。当用户访问网站根目录,服务端利用模板引擎解析渲染index.html
,并且返回真实html字符串给浏览器解析。index.html
会使用外链样式文件和外链脚本文件,切记这里的文件地址不能写相对路径,必须写url地址,看下面:
....
文件地址以/public/
开头,这里的/
表示请求的根路径,浏览器在发送请求的时候会自动替换成http://127.0.0.1:3000/
。
404.html
主要用来处理用户请求不存在的资源时,我们友情提示下即可。
post.html
主要是发表评论页面,这里同样采用bootstrap
快速搭建,同时也是要注意文件路径问题。这里是一个表单,用来收集用户评论的内容然后提交到后台处理。表单提交数据可以根据form
标签中的action
属性指定提交地址,当点击提交按钮数据会发送到指定地址,由服务端接收处理即可。核心代码如下: