用node.js和mongDB建立网站

news/2024/5/5 5:18:31/文章来源:https://blog.csdn.net/weixin_34104341/article/details/88905574

用node.js和mongDB建立网站

参考资料:
1.jade学习https://www.jianshu.com/p/e2a...
http://www.nooong.com/docs/ja...
2.app.js的结构设计(作用)http://www.cnblogs.com/scottj...
视频参考:https://www.imooc.com/video/1091

  • 工具选取

1.首先介绍需要的开发框架

clipboard.png

2.前端工具

clipboard.png

2.本地开发环境

clipboard.png

  • 开发步骤

clipboard.png

  • 原型图

    前端:

clipboard.png

后台:

clipboard.png

Node入口文件分析和目录初始化

  • 首先是项目结构初始化

clipboard.png

  • 编写入口文件

    引用express,实例出一个web服务器,监听端口,获取来自这个端口的请求

clipboard.png

  • 创建文件夹

clipboard.png

  • 测试可访问性

clipboard.png

创建四个jade视图及入口文件

  • 创建文件夹

clipboard.png

viwe文件夹里放视图模板        app.js

clipboard.png

安装依赖、编写入口文件

clipboard.png

  • app.js

clipboard.png

可以在命令行里改变port的值
clipboard.png

  • 在view里写jade模板

clipboard.png

注意完善app.js,不然无法访问
clipboard.png

这样就把前台请求跑通了

clipboard.png

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

  • 调整view文件夹,方便修改,模板的建立

view文件夹结构
clipboard.png

layout.jade编写
clipboard.png

header.jade编写(就是网站标题什么的)
clipboard.png

head.jade编写(网站的引用什么的比如JQ)

在安装bootstrap和jq前要先安装bower
clipboard.png
clipboard.png
安不上也没关系

clipboard.png

建立page页面

  • index.jade

clipboard.png

  • detail.jade

clipboard.png

  • admin.jade

clipboard.png

clipboard.png

  • list.jade

!clipboard.png

伪造数据

app.js加入
clipboard.png

假数据测试app.js
clipboard.png
clipboard.png
clipboard.png
clipboard.png
clipboard.png

  • 测试

clipboard.png

clipboard.png

clipboard.png

mongodb模式模型设计及编码

  • windows下安装mongodb以及node.js连接mongodb

https://www.cnblogs.com/star-...

安装完成后要设置环境变量才能运行MongoDB
如何设置环境变量?

clipboard.png

我的电脑-右键属性-高级系统设置-高级-环境变量

测试运行MongoDB

输入以下代码查看MongoDB版本号

mongod -v

在PATH里的npm环境变量后面加个分号; 然后加上刚才所安装的路径 D:MongoDBbin 确定后就安装完毕了。

  • 设计数据库模型

clipboard.png

数据库字段定义
clipboard.png

传入模式编译,生成构造函数
clipboard.png

  • 文档实例化,调用模型

clipboard.png

批量查询

clipboard.png

单条数据的查询
clipboard.png

单条数据的删除
clipboard.png

  • 数据库的正删改查,及后台开发逻辑

文件目录
clipboard.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_733228.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【个人博客网站】搭建引导手册

人人都想搭建自己的个人博客网站,这里根据踩坑经验,给出一个比较稳定简单的方法。 文章目录Gridea介绍和操作选择服务器和域名搭建后端服务器Gridea介绍和操作 Gridea是基于Vueelectron构建的博客搭建桌面系统,需要你去搜索Gridea官网下载&a…

HTML基础2——综合案例1——如何用iis配置网站

1.打开iis 如果机子上面没有iis,可以先装一个,不同的系统可能安装步骤不一样,至于iis的安装方法,大家可以去百度找找。 2.准备网站源程序 既然要配置网站,肯定要先准备好网站源程序,网站源程序可以去网上下…

转载:大型网站架构演变和知识体系

https://wenku.baidu.com/view/42081217581b6bd97e19ea04 架构演变第一步:物理分离 webserver 和数据库 最开始,由于某些想法,于是在互联网上搭建了一个网站,这个时候甚至有可能主机都是租借的,但由于这篇文章我们只关…

[读码时间] mouseover小图显示对应大图

说明&#xff1a;代码来自网络。注释为笔者学习时添加。 <!DOCTYPE html> <html> <head><meta charset"utf-8" /><title>鼠标移过&#xff0c;改变图片路径</title><style>body,ul,li{ /*清除内外边距*/margin:0;padding:…

国内政府网站群云门户建设标准

我国政府网站已经走过了以技术为导向的发展阶段&#xff0c;现在正处于以内容为导向向以服务为导向过渡的关键时期。政府网站如何满足网站用户的实际需求&#xff0c;达到服务性政府的建设要求将是当今政府亟待解决的问题。 美国政府推出“云优先”发展战略和云服务门户&#x…

基于MasterPage和UserControl的网站架构模式

在 页面与后台代码分离的方式之CS模式 一文中, 我已经提到了 Metabuilders 开发的一个masterpage控件,用来整合和控制站点的统一风格显示. 最近再仔细研究一下这个东东,发现还是有很多好处的,就拿来介绍一下了:) (注:本文所出现的代码均为community server项目的代码)<?xml…

apache服务搭建虚拟目录和多网站,同端口同ip不同域名及同ip同域名不同端口号设置。...

pache是一款Web服务器软件&#xff0c;有多种产品&#xff0c;可以支持SSL技术&#xff0c;支持多个虚拟主机。 它快速、可靠并且可通过简单的API扩充&#xff0c;将Perl&#xff0f;Python等解释器编译到服务器中。实验环境 一台linux6.5&#xff0c;ip为192.168.10.20.&#…

如何查看网站的端口

FTP&#xff1a;21 SSH&#xff1a;22 MYSQL&#xff1a;3306 DNS&#xff1a;53 HTTP&#xff1a;80 POP3&#xff1a;109 Https&#xff1a;443 通俗化解释什么是网站的端口&#xff0c;特别实用。 -------------------------------------------------------- 【本质透析】 从…

ExtJS学习网站

W3Cschool学习入门Ext还是很不错的 网站地址&#xff1a;https://www.w3cschool.cn/extjs/ 如果要系统性的学习还是建议去官网下载 https://www.sencha.com/products/extjs/

音乐MP4网站 车辆工程 冯大昕

转载于:https://www.cnblogs.com/FengTang/p/8065023.html

写了C# ASP.NET WebService的XML解析网站接口程序收了200元辛苦费【加入软件项目源码交易群的好处】...

为什么80%的码农都做不了架构师&#xff1f;>>> 记得当年为了学XML&#xff0c;也购买了好几本书&#xff0c;每本都接近100元&#xff0c;基本上都看不懂在讲什么&#xff0c;没办法只能通过以前同事的帮助总算学了几招控制XML的C#方法&#xff0c;当时也没那么多…

5个能够改变一生的自学网站,每天半小时效果看的见!

很多朋友想利用闲暇时间学一点东西&#xff0c;但是想要自学&#xff0c;好的平台很重要&#xff0c;如果你苦于没有好平台&#xff0c;小编在这分享5个给大家&#xff0c;每天半小时&#xff0c;效果看得见哦。 今日主题&#xff1a;5个能够改变一生的自学网站&#xff0c;每…

2018程序员必备的4大网站推荐(代码、编程、SQL等)

科技时代&#xff0c;程序员是一个热门行业&#xff0c;也是一个高薪行业&#xff0c;很多人很羡慕程序员&#xff0c;其实作为一名合格的程序员&#xff0c;要不断的提升自己&#xff0c;因为科技也在不断进步&#xff0c;所以&#xff0c;接下来小编分享5个程序员必备网站&am…

嘘!快收好这5个精品素材网站,一般人我不告诉他

还在发愁不知道去哪里找PPT制作素材吗&#xff1f;今天悄悄告诉你几个精品个素材网站来帮你&#xff0c;嘘&#xff0c;快来&#xff01; 一、微软Office 微软Office官方在线模板的模板基本涵盖了工作中所有使用的场景需求&#xff0c;不仅有 PPT 模板&#xff0c;还有Word 文…

网站上的图文、音乐、视频无法复制或下载怎么办?一招快速破解!

在浏览网站寻找素材的时候&#xff0c;看到需要的图文、音乐、视频素材想把它复制或者下载下来&#xff0c;发现有限制&#xff0c;无法复制或下载&#xff0c;可是好不容易才找到的合适的素材又不愿意放弃该怎么办呢&#xff1f;今天小编来教大家一个快速破解法&#xff0c;希…

3个超实用的资源搜索网站,有了它们,再也没有你找不到的资源!

还在为找不到自己需要的资源而烦恼&#xff1f;别烦恼啦~快来看看这3个超实用的资源搜索网站&#xff0c;有了它们&#xff0c;再也没有你找不到的资源&#xff01; 1.BT搜 BT搜&#xff0c;这个网站虽然看起来比较简单&#xff0c;但是却有很多非常实用的资源&#xff0c;没有…

知道这4个隐藏资源网站的人非常少,难怪总是找不到资源

现在的互联网是开放的&#xff0c;我们可以通过网络下载到很多自己需要的东西&#xff0c;但是有些网站因为不够知名而被忽视&#xff0c;但是里面的资源还是很不错的。 今天小编就来跟大家分享几个隐藏的资源网站&#xff1a; Aio search 国外的一个BT资源站&#xff0c;资…

还在用百度找资源?试试这3个顶级资源搜索网站,没有找不到的!

资源搜索是工作和学习的日常&#xff0c;相信很多人都喜欢用百度去搜索&#xff0c;虽然百度很强大&#xff0c;但是毕竟资源有限&#xff0c;今天再给大家分享3个顶级资源搜索网站&#xff0c;视频、音乐、图片等应有尽有&#xff0c;没有你找不到的哦。 1.虫部落 一个解决稀…

PPT难做?花太长时间?收藏这4个网站,省时省力效率提升不止一倍

很多人在进入职场后&#xff0c;通常第一个要做的是制作一份简洁有逻辑的PPT。所以如果在职场办公过程中不会使用PPT软件真的太吃亏了。很多人都常说PPT难做&#xff0c;花了很长时间。其实&#xff0c;是因为你不知道可以高效做到&#xff0c;只需收藏这个4个网站&#xff01;…

编程大神都在用的6个编程网站,一个月轻松学会编程,好用到不行

现在随着很多公司都将业务慢慢的转移到了网站上&#xff0c;很多朋友就想学习IT行业&#xff0c;那么到底哪些大神们到底使用的什么软件呢&#xff1f;今天就为大家介绍6个编程大神都在使用的编程网站&#xff0c;想要提高从现在开始&#xff01; 1.Codecademy Codecademy提供…