脚本宝典收集整理的这篇文章主要介绍了

Node.js

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。
<p><code></p> <p>本demo是使用express+mySql制作一个简单的链接sql<br />项目前准备<br />安装<a href="http://www.js-code.com/tag/node" title="node" target="_blank">node</a>.js <a href="http://nodejs.cn/" rel="nofollow noreferrer" target="_blank">http://nodejs.cn/</a><br />安装express <a href="http://www.expressjs.com.cn/" rel="nofollow noreferrer" target="_blank">http://www.expressjs.com.cn/</a><br />安装Mysql <a href="https://www.mysql.com/" rel="nofollow noreferrer" target="_blank">https://www.mysql.com/</a><br />项目结构初始化<br />第一步:首先新建express站点,这些我们新建的项目名称是expres sql,如果小伙伴们不知道express的这些指令,可以通过express –help查看(插一句,在这之前确保已经安装了 express)<br />第二步:进入到这个项目目录 cd sql<br />第三步:安装依赖 npm <a href="http://www.js-code.com/tag/in" title="in" target="_blank">in</a>st<a href="http://www.js-code.com/tag/all" title="all" target="_blank">all</a><br />第四步:启动这个项目* &amp; npm start,这里如果你安装了pm2,也可以使用pm2启动<br />第五步:命令行会提示在哪个端口监听,如果想改默认端口号,在b<a href="http://www.js-code.com/tag/in" title="in" target="_blank">in</a>文件夹下面的www文件进行修改<br />第六步:打开浏览器进行查看 localhost:3000(默认)</p> <p><span class="img-wrap"><img data-src="/img/bVbsvvY?w=1366&amp;h=689" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span><br />至于文件夹里面的目是用express 生成的 <a href="http://www.expressjs.com.cn/" rel="nofollow noreferrer" target="_blank">http://www.expressjs.com.cn/</a><br /><span class="img-wrap"><img data-src="/img/bVbsvwF?w=1366&amp;h=635" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span><br />首页页面+功能实现<br />关于系统中和用户的相关路由配置都写的routes文件夹下面的item.js中</p> <p><span class="img-wrap"><img data-src="/img/bVbsvxC?w=1366&amp;h=746" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span><br />注意: <br />app.js文件中引入了routes中的item.js,<a href="http://www.js-code.com/tag/var" title="var" target="_blank">var</a> item = require('./routes/item');并且使用app.use()将应用挂载到app应用上app.use(‘/item’, itemRouter);所以在访问item这个路径时就要变成/users/item<br /><strong><em><em>新建html页面</em></em></strong></p> <p>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="<a href="http://www.js-code.com/tag/button" title="button" target="_blank">button</a>" <a href="http://www.js-code.com/tag/class" title="class" target="_blank">class</a>="copyCode code-tool" data-toggle="tooltip" data-placement="<a href="http://www.js-code.com/tag/top" title="top" target="_blank">top</a>" data-clipboard-<a href="http://www.js-code.com/tag/text" title="text" target="_blank">text</a>="<title></title>" title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs xml"><code style="word-break: break-word; white-space: initial;"><span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span></code></pre> <p>&lt;/head&gt;<br />&lt;body&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br />&lt;script src="<a href="https://cdn.bootcss.com/jquery/3.2.1/jquery.js&amp;quot" rel="nofollow noreferrer" target="_blank">https://cdn.bootcss.com/jquer...</a>;&gt;&lt;/script&gt;</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="<a href="http://www.js-code.com/tag/button" title="button" target="_blank">button</a>" <a href="http://www.js-code.com/tag/class" title="class" target="_blank">class</a>="copyCode code-tool" data-toggle="tooltip" data-placement="<a href="http://www.js-code.com/tag/top" title="top" target="_blank">top</a>" data-clipboard-<a href="http://www.js-code.com/tag/text" title="text" target="_blank">text</a>="<script> $(<a href="http://www.js-code.com/tag/function" title="function" target="_blank">function</a>(){ $.ajax({ url:&quot;http://localhost:3000/item/list&quot;, type:'post', dataType:'json', success:<a href="http://www.js-code.com/tag/function" title="function" target="_blank">function</a>(e){ <a href="http://www.js-code.com/tag/for" title="浏览关于“for”的文章" target="_blank" class="tag_link">for</a>(<a href="http://www.js-code.com/tag/var" title="var" target="_blank">var</a> i <a href="http://www.js-code.com/tag/in" title="浏览关于“in”的文章" target="_blank" class="tag_link">in</a> e){ $('body').append(&quot;</p> <h1>&quot;+&quot;<a href='id.html?id=&quot;+e[i].id+&quot;'>&quot;+e[i].name+&quot;</a>&quot;+&quot;</h1> <p>&quot;+&quot;</p> <p>&quot;+e[i].content+&quot;</p> <p>&quot;) } } }) }) </script> " title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs xml"><code><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="javascript"> $(<span class="hljs-function"><span class="hljs-keyword"><a href="http://www.js-code.com/tag/function" title="浏览关于“function”的文章" target="_blank" class="tag_link">function</a></span>(<span class="hljs-params"></span>)</span>{ $.ajax({ <span class="hljs-attr">url</span>:<span class="hljs-string">"http://localhost:3000/item/list"</span>, <span class="hljs-attr">type</span>:<span class="hljs-string">'post'</span>, <span class="hljs-attr">dataType</span>:<span class="hljs-string">'json'</span>, <span class="hljs-attr">success</span>:<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>)</span>{ <span class="hljs-keyword">for</span>(<span class="hljs-keyword"><a href="http://www.js-code.com/tag/var" title="浏览关于“var”的文章" target="_blank" class="tag_link">var</a></span> i <span class="hljs-keyword">in</span> e){ $(<span class="hljs-string">'body'</span>).append(<span class="hljs-string">"&lt;h1&gt;"</span>+<span class="hljs-string">"&lt;a href='id.html?id="</span>+e[i].id+<span class="hljs-string">"'&gt;"</span>+e[i].<a href="http://www.js-code.com/tag/name" title="浏览关于“name”的文章" target="_blank" class="tag_link">name</a>+<span class="hljs-string">"&lt;/a&gt;"</span>+<span class="hljs-string">"&lt;/h1&gt;"</span>+<span class="hljs-string">"&lt;p&gt;"</span>+e[i].content+<span class="hljs-string">"&lt;/p&gt;"</span>) } } }) }) </span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span> </code></pre> <p><strong>现在通过在自己电脑输入<a href="http://localhost" rel="nofollow noreferrer" target="_blank">http://localhost</a>:3000/</strong><br /><span class="img-wrap"><img data-src="/img/bVbsvyy?w=1366&amp;h=746" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span><br />routes文件夹下item.js下面输入注册的路由<br />var express=require('express');//引入express 模块<br />var router=express.Router(); //路由<br />var <a href="http://www.js-code.com/tag/mysql" title="mysql" target="_blank">mysql</a>= require('<a href="http://www.js-code.com/tag/mysql" title="mysql" target="_blank">mysql</a>');//引入<a href="http://www.js-code.com/tag/mysql" title="浏览关于“mysql”的文章" target="_blank" class="tag_link">mysql</a>模块<br />var connection=mysql.createConnection({ //链接数据库池<br /> host:'localhost',<br /> user:'root',//用户名<br /> <a href="http://www.js-code.com/tag/password" title="浏览关于“password”的文章" target="_blank" class="tag_link">password</a>:'123456'//密码 在配置mysql 的时候设置<br />});</p> <p><span class="img-wrap"><img data-src="/img/bVbsvzG?w=1366&amp;h=746" src="https://static.segmentfault.com/v-5cc2cd8e/global/img/squares.svg" alt="clipboard.png" title="clipboard.png" style="cursor: pointer;"></span></p> <p>router.post('/list',<a href="http://www.js-code.com/tag/function" title="function" target="_blank">function</a>(req,res,next){</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="res.header('Access-Control-Allow-Origin','*') ;" title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs typescript"><code style="word-break: break-word; white-space: initial;">res.header(<span class="hljs-string">'Access-Control-Allow-Origin'</span>,<span class="hljs-string">'*'</span>) ;</code></pre> <p>connection.query('SELECT * FROM baobei.list_table', <a href="http://www.js-code.com/tag/function" title="function" target="_blank">function</a>(err, rows, fields) {<br />res.send(rows)<br />});<br />})</p> <p>router.post('/detail', function(req, res, next) {</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="var content=req.body.arr; res.header('Access-Control-Allow-Origin','*'); connection.query(&quot;SELECT * FROM baobei.list_table WHERE id='&quot;+content+&quot;';&quot;, function(err, rows, fields) { res.send(rows);" title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs actionscript"><code><span class="hljs-keyword">var</span> content=req.body.arr; res.header(<span class="hljs-string">'Access-Control-Allow-Origin'</span>,<span class="hljs-string">'*'</span>); connection.query(<span class="hljs-string">"SELECT * FROM baobei.list_table WHERE id='"</span>+content+<span class="hljs-string">"';"</span>, <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(err, rows, fields)</span> </span>{ res.send(rows);</code></pre> <p>});</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="}); " title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs"><code>}); </code></pre> <p>module.<a href="http://www.js-code.com/tag/export" title="浏览关于“export”的文章" target="_blank" class="tag_link">export</a>s=router;</p> <p></code></p>

总结

以上是脚本宝典为你收集整理的

Node.js

全部内容,希望文章能够帮你解决

Node.js

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过