javascript - nodejs为什么要使用模版引擎
问 题 最近在学习nodejs,在看模板引擎,感觉用起来也挺不错的。 但是不明白的是为什么我们要使用模版引擎呢? 不是说前后端分离么,后端负责提供平台和接口不就可以了么,至于页面的渲染不是前端的工作么 解决方案 可以不用,但要做个小东西比如企业站,干嘛不用呢,省时省力
184 2022-07-19
编程技术问答社区
html - jade模板
问 题 求问 过去30天 这个对应到jade模板中怎么写?如何能用过去30天是在input后面呢? 解决方案 同级直接输出string时,保持嵌套层级关系,在行首使用"|" span input(type="radio",name="time") |过去30天 |这行跟span同级
164 2022-07-19
编程技术问答社区
node - 关于pug(jade)模板引擎的疑问
问 题 我需要给pug文件自定义一个filter用来格式化时间显示在前端, 如果使用express中的res.render,则只能传递后台数据给模板中的变量,不知如何使用到自定义过滤器(该过滤器后面会多次使用,所以应该只定义一次) 如果使用pug.renderFile,虽然可以传递并使用自定义过滤器,但又不知道如何向模板中的变量传递后台数据了,而且不知道如何复用该过滤器以实现公用 网上找了很久,但...实在找不出来 若问题描述还不太清楚,麻烦指出,我会及时向各位解释 解决方案 问题已解决,还是由于没有仔细阅读api,很抱歉 突然搜到这个问题才发现的
150 2022-07-19
编程技术问答社区
javascript - 你們寫js 結構是怎樣
问 题 例如我有兩個page: 1- pageone.jade 2 -pagetwo.jade 然後每個jade 加script. 只寫該jade的init,onclick等等 我發現到我載入pageone時候,我看debug tools 我沒見pagetwo裡面js運行 這是為什麼呢? 我再刪除.jade內的script tag和將每個js 分開寫,再頁面加戴,當然這樣性能很慢 你們寫jade都是怎寫的 解决方案 不太懂题主的意思,比如"不载入 pageone 的时候没看见 pagetwo 运行",能说明一下整体的目的么。 猜一下好了,如果题主是问的 JS 文件的拆分合并的粒度,那么个人觉得,第三方的库合并一个 lib.js,很少会变的,充分利用缓存;自己的核心框架可以出一个 app.js;各个页面有各自的一个 JS 文件即可。
332 2022-07-19
编程技术问答社区
javascript - jade获取对象
问 题 用jade渲染一个页面,传入一个对象: router.get('/', function(req, res, next) { res.render("index",{ title:"首页", user:{name:"luo",age:19} }); }); jade: script. window.user = #{user} 最终却渲染为: window.user = [object object] 请问要如何正确的赋值呢? 解决方案 window.user = !{JSON.stringify(user)
390 2022-07-19
编程技术问答社区
javascript - jade内联script没有渲染
我的jade: div(id="app") script(type='text/javascript'). console.log('hi') script(src="/js/manifest.5215bdbf7e89afe662c3.js") script(src="/js/vendor.201036e726b2d5032b38.js") script(src="/js/app.f80163b61f25ffedb454.js") 渲染结果: 请问这是怎么回事呢?谢谢
112 2022-07-19
编程技术问答社区
javascript - 在写Hexo Theme / 在Hexo的博客内容被渲染时中,如何不让HTML字符串被转义?
我在为Hexo写一个主题。 获取博文的内容(用markdown语法写的): var blogStr = 我是p ' Hexo的文章模板页(用jade/pug写的): -str = ' 我是新的p ' div#articleDiv #{str} 页面显示: 我期待的是就像 innerHTML 属性那样,传入的有标签名的话,浏览器会分析然后相应地做处理,而不是这样直接全部用字符串显示出来。 试过在jade/pug模板里用 document.cerete('div').innerHTML = str 报错: Cannot read property 'createElement' of undefined
464 2022-07-19
编程技术问答社区
node.js - nodejs里ajax返回数据做循环
问 题 在页面上用ajax请求数据,这时候返回的数据除了拼凑字符串来循环之外还有什么办法?res.render肯定不能渲染了吧。 解决方案 你好像用的是express,也就是页面是服务器渲染出来的,res.render无法传参给一个已经渲染好的页面,那么肯定就是ajax取数据然后在进行一定的dom操作,这个过程跟服务器关系不大,数据拿到就好了。说到底就是拼接字符串,然后放到文档里
336 2022-07-19
编程技术问答社区
javascript - 请问。express中如何推送jade模板到带有iframe的页面呀?
express中如何推送jade模板到带有iframe的页面 jade code iframe#content(name='content', onload='Javascript:SetWinHeight(this)',src='#{url}' frameborder='0', scrolling='no', width='100%') url必须是一个固定的链接。但是jade却是动态的。不知道该如何处理 这里的content页面是通过路由参数传递给iframe的src的。 res.render('main','content.jade') 但content这个页面本身又是动态的,黑框部分。 想请问,这个页面的动态内容如何渲染到content.jade,iframe的src可以放.jade吗? 或者用artTemple模板或者div替换iframe会不会好些
290 2022-07-19
编程技术问答社区
javascript - jade(pug)怎么多行声明变量?
问 题 - var items = [ { name: '英雄联盟', url: '/lol' } ]; #sidebar-wrapper ul.sidebar-nav each item in items li a(href='#')= item.name Error: /Users/Dave/study/live-streaming-crawler/views/sidebar.jade:2 1| - var items = [ 2| { 3| name: '英雄联盟', 4| url: '/lol' 5| } unexpected text { 怎么样才能正常的多行声明变量呢?写在一行里有点奇怪 解决方案 写成这样就行了: - var ite
224 2022-07-19
编程技术问答社区
如何用Angular应用程序编写Jade |风格的HTML?
我开始写一个快递应用程序,真的喜欢翡翠的html.现在我正在编写一个角度应用程序,不想为我的HTML键入所有"".我没有决定Angular应用程序的后端. 如何使用jade向角度应用程序编写HTML? 编辑: 我制作了package.json并包含: "dependencies": { "jade":"0.35.x" } 然后ran npm install 但是当我创建和打开index.jade时它没有渲染html,por que? 在HAML中,您可以使用像 等自定义属性 %button{:"ng-click" => "myFunc()"} Click here 渲染 Click here 或 - 使用如此 的自定义数据属性 %button{:data {:"ng-click" => "myFunc()"}} Click here 渲染
188 2022-07-19
编程技术问答社区
AngularJS的图标变化与列表?
我在angularjs/jae工作,我需要在点击某些内容时更改图标.目前我有以下代码: a(onclick='return false', href='#general', data-toggle='tab') General span.glyphicon(ng-class='isGeneralChanged(selected) ? "glyphicon-ok-circle" : "glyphicon-adjust"') 然后下面: .form-group label Has the design entered? toggle-switch(model='selected.general_engineer_made_inspection', on-label='Yes', off-label='No') 所以基本上我有问题就是这里很容易,它是"是"或"否"并且改变图标,但下一个选项卡只是一旦只需单击一个图标的名称列表选项卡应该更改.我不确定如何解决
2036 2022-07-19
编程技术问答社区
javascript - 这段jade代码写成html的话是怎样的?
问 题 block content h1= title p Welcome to Todo a(href='/tasks/new') 新增 - if(docs.length) table tr th Task each task in docs tr td a(href='/tasks/edit/#{task.id}') #{task.task} a(href='/tasks/delete/#{task.id}') 删除 - else p You don't have any tasks! 解决方案 jade 模版也得在第一次生成的时候拿到 docs 这个变量的内容才能生成 html . 这段代码除非 docs 是静态的,否则怎么也写不成万能的 html,只能根据特定的
154 2022-07-17
编程技术问答社区
javascript - 前端开发框架express,在他的模板引擎下怎么给按钮添加绑定事件?
问 题 工作中用到了express,也是第一次使用express 模板引擎也是一时半会适应不了!不过这不是重点。 第一个问题:怎么添加点击事件(类似vue,angular什么的写法:v-bind=xxx???有这样的??) ul(class="communityList") each item in tree a(href="joingroup/1") li(class="CommList") div(class="comLogo") if item.img img(src="#{item['img']}") else img(src="http://cdn.duitang.com/.thumb.600_0.jpeg")
278 2022-07-17
编程技术问答社区
node.js - express采用jade模板,在iframe便签里src里的地址可以是.jade后缀吗
问 题 express采用jade模板,在iframe便签里src里的地址可以是.jade后缀吗? 如果我想把动态的html内容渲染到这个src里,而不是单独的给他传一个地址,应该怎么做? 解决方案 估计我上次说的你没明白,iframe的src里填的得是一个可以访问的url,无关乎在服务器端是否是jade模板引擎。 反正你用的是express,你就再给这个url写一个路由不就好了么? //假设这里的xxx/yyy就是你上一个页面的iframe里填的src app.get('/xxx/yyy', function (req, res) { //因为iframe里自己又访问了这个url,然后又到了路由这里,那下面的数据对象,当然可以是动态的啊? res.render('index', { title: 'Hey', message: 'Hello there!'}); }); 我建议你先理解iframe到底是怎么回事,一味的问“iframe能不能动态
528 2022-07-17
编程技术问答社区
从服务器上接收ajax回调的数据,无需重新加载并更新当前页面。Express 4和Node
我有一个形式 form#form-reflow(action='/', method='post', onsubmit="docreflow()") input#textinp(type="text", name="textinp") input#submit(type="submit", name="submit") 运行以下Ajax客户端脚本以将表单数据发送以表达. function docreflow() { $('#form-reflow').on('submit', function (evt) { evt.preventDefault(); $.post($('#form-reflow').attr( 'action' ), { data: $("#textinp").val(),
284 2022-07-17
编程技术问答社区
javascript - 如何把js文件从mysql获取的json数据 通过node.js中的express 渲染到前端页面?(请给出略详细的解决方案)
问 题 如题 我需要把js文件中获取的json文件渲染到前端页面(使用jade模板) 我知道数据渲染需要用jade模板,但是不知道怎么把数据从js文件中传到前端页面 已经确定后端是获取到了数据的。 据说使用res.render来传json数据,请问传数据的语句应该是什么呢 ,怎么才能知道数据成功地传到前端页面了呢?我自己尝试以后在前端页面显示的是未定义。 下面的是我的js文件,guanli3是要传到的数据页面。 var express = require('express'); var router = express.Router(); var mysql = require('mysql'); var connection = mysql.createConnection({ host : '127.0.0.1', user: 'root', password: 'root', port: '3306', database
96 2022-07-17
编程技术问答社区