为什么我写的page页面无法渲染

最新推荐文章于 2023-02-22 16:41:40 发布
最新推荐文章于 2023-02-22 16:41:40 发布
阅读量1k 收藏
点赞数
分类专栏： Tiny介绍
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j2eetop/article/details/46429809
版权
场景：有用户使用tiny框架开发page页面，但是访问页面发生“白板”，什么内容也没有渲染出来。         经过代码审核，发现他的page页面写法是正确的，但是layout文件内容为空，缺少${pageContent}占位符，这样会导致模板引擎找不到而渲染失败。

对于tiny框架而言，一定要有一个默认的default.layout文件，layout的写法示例如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
< head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>演示网站-${pageTitle}</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script src="${TINY_CONTEXT_PATH}/uiengine.uijs"></script>
    <link href="${TINY_CONTEXT_PATH}/uiengine.uicss" rel="stylesheet" />
< /head>
< body>
    ${pageContent}
< /body>
< /html>





1layout文件一定要有${pageContent}占位符，告诉模板引擎可以进行page页面渲染替换的位置。
TINY框架
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript页面渲染速度测试脚本分享
10-26
在分享的代码片段中，`page_speed_v2.js`是页面渲染速度测试脚本的主体。这个脚本定义了一个对象`PageSpeed`，它包含一些方法来创建和提交页面速度测试数据。 `PageSpeed.createScript`方法是一个自定义函数，用于...
【http+servlet】页面访问出错常见错误以及相应解决思路
xqs196301的博客
06-13 1758
【http+servlet】页面访问出错常见错误以及相应解决思路
java ofd文件转换图片
weixin_44474661的博客
02-22 2519
使用ofdrw将ofd文件转换为图片，包括踩坑点
资源全部到位但是网站渲染不了的原因
SakuraLLj的专栏
09-28 1368
1、用nodejs写的网站所有资源都到位，但是页面不被渲染
Pyecharts组合图表复用渲染模块实现方法
mctlilac的博客
11-04 3881
Pyecharts 组合图表 复用更新数据实现方法记录 2020-11-04 DraggablePageLayout 布局 page = Page(layout=Page.DraggablePageLayout) page.add(bar_datazoom_slider(), line_markpoint(), pie_rosetype(), grid_mutil_yaxis()) page.render() Note: DraggablePageLayout 需要 pyecharts 版本 v.1.4.
C# Page用于各页面继承功能实例
09-04
2. **ViewDataDict ViewData**: 类似于MVC框架中的ViewData，用于在页面间传递数据，尤其是在页面渲染过程中。 3. **ViewDataRows(string pName)**: 返回指定名称的数据行集合，确保不会抛出异常，方便安全地访问...
详解Next.js页面渲染的优化方案
10-17
然而，当处理大型项目或复杂的页面渲染时，可能会遇到性能问题，例如页面跳转卡顿和渲染阻塞。本文将深入探讨Next.js页面渲染的优化策略。 首先，我们需要理解Next.js的渲染机制。Next.js的核心特性之一是它的“预...
微信小程序学习笔记之函数定义、页面渲染图文详解
10-17
总结来说，微信小程序的函数定义和页面渲染是其核心功能之一，涉及程序逻辑的编写、页面数据的绑定和样式控制。理解并熟练运用这些知识点，能帮助开发者构建出功能丰富、用户体验良好的小程序应用。
页面渲染原理及页面优化
08-13
页面渲染原理及页面优化 页面渲染原理是指浏览器如何将 HTML、CSS、JavaScript 等文件加载和解析到浏览器中，并将其呈现给用户的过程。这个过程非常复杂，涉及到浏览器的内核、渲染引擎、解析算法等多方面的技术。...
${pageContext.request.contextPath }的使用
qq_45780016的博客
03-12 4842
利用SSM框架实现一个登入页面的验证 进入登入页面： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
绝对路径${pageContext.request.contextPath}的使用
weixin_45638486的博客
08-20 1万+
${pageContext.request.contextPath} 首先，${pageContext.request.contextPath}使用了EL表达式的写法，EL 全名为Expression Language，所有EL都是以 ${ 为起始、以 } 为结尾的。 示例： ${sessionScope.user.sex} 表示从Session的范围中，取得用户的性别。 假若依照之前JSP Scriptlet的写法如下： User user =(User)session.getAttribute(“use
ng-Zorro表格分页器更换pageSize后表格不渲染
前端小白的逆袭
01-18 685
NG-ZORRO表格分页器更换pageSize后表格不渲染 使用NG-ZORRO（ANTD的Angular版本）中的Table（表格）组件和Pagination（分页）组件遇到更换分页器每页数据数量后，表格数据不能正常渲染。 BUG现场 更换pageSize后，接口成功拿到对应条数的数据，表格却没有请确渲染，如下图，本应渲染20条数据，现在却只有10条数据。 解决方案 方法一： 把tbody渲染数据的【表名.data】换成自己定义的接收接口数据的变量，如下图。 方法二： 给表格添加属性[nzFrontP
jsp EL表达式取值过程、page和pagecontext的区别
wangjun5159的专栏
11-30 6603
1、EL表达式解析过程 JSP中，我们经常会写为${obj.name}字样，但你有没有想过，它的取值过程是什么，属性值从哪取得？ ${obj}相当于 request.getAttribute("obj")，这句话严格来说不严谨，依次的请求范围是page、request、session、application 也就是说，如果在page.getAttribute()找不到，再去reque
${pageContext.request.contextPath} 无效-取不到值（已解决）
yxc852814721的博客
05-10 2365
${pageContext.request.contextPath} 无效-取不到值（已解决） 在学习spring-mvc时，在为了获取请求参数为 List 类型时，写了一个简单的 jsp 页面时，${pageContext.request.contextPath} 无效。 <form action="${pageContext.request.contextPath}/user/request4" method="post"> <input type="text" name="u
JSP中内置对象pageContent的使用
weixin_30340819的博客
08-30 1562
public class TestPageContext { 　　public void getSomething(PageContext page){ 　　　　ServletRequest request = page.getRequest(); 　　　　String username = request.getParameter("username"); 　　　　Sy...
${pageContext.request.contextPath}用法
喝水都塞牙
05-07 3595
原文地址：https://www.cnblogs.com/langtianya/archive/2013/03/04/2942515.html一．问题     JSP中究竟采用绝对路径还是采用相对路径随着所采用技术的越来越复杂，这个问题也变得越来越难以解决。 １）采用相对路径遇到的问题      相对路径固然比较灵活，但如果想复制页面内的代码却变得比较困难，因为不同的页面具有不同的相对路径，复制后...
绝对路径${pageContext.request.contextPath}用法及其与web.xml中Servlet的url-pattern匹配过程
热门推荐
Sun9528的博客
06-08 9万+
绝对路径${pageContext.request.contextPath}用法及其与web.xml中Servlet的url-pattern匹配过程
帮我写一个正规点的注册页面
最新发布
07-12
当然，我可以帮你写一个正规的注册页面。以下是一个简单的示例代码： ```python from flask import Flask, render_template, request, redirect app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': # 获取表单数据 username = request.form['username'] password = request.form['password'] # 在这里执行注册逻辑 # ... # 重定向到登录页面 return redirect('/login') # 渲染注册页面 return render_template('register.html') @app.route('/login') def login(): return render_template('login.html') if __name__ == '__main__': app.run(debug=True) ``` 请确保在你的项目文件夹中包含以下模板文件： 1. `index.html`（主页模板） ```html <!DOCTYPE html> <html> <head> <title>Registration Page</title> </head> <body> <h1>Welcome to the Registration Page</h1> <a href="/register">Register</a> <a href="/login">Login</a> </body> </html> ``` 2. `register.html`（注册页面模板） ```html <!DOCTYPE html> <html> <head> <title>Registration Form</title> </head> <body> <h1>Registration Form</h1> <form action="/register" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="Register"> </form> </body> </html> ``` 3. `login.html`（登录页面模板） ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <form action="/login" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 这个示例代码中，我们创建了三个路由：主页 (`/`), 注册 (`/register`) 和 登录 (`/login`)。在注册页面中，我们使用了一个 `POST` 请求来处理表单数据，并在服务器端执行注册逻辑。在登录页面中，同样使用了一个 `POST` 请求来处理表单数据。 你可以根据自己的需求进行修改和扩展这个示例代码。希望对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值