jsp做页面如果适应手机 - 腾讯云开发者社区

文章/答案/技术大牛

发布

html5移动手机页面怎么做自适应

引入文件后会发现html这个根的font-size在iphone6的情况下37.5px，按照尺寸就可以进行布局了，当然布局也是rem单位

3.2K2 0

手机端页面自适应布局---rem

为什么是640px 对于手机屏幕来说，640px的页面宽度是一个安全的最大宽度，保证了移动端页面两边不会留白。注意这里的px是css逻辑像素，与设备的物理像素是有区别的。...如果要切移动页面，你可以先把效果图宽度等比例缩放到640px。 2. 为什么要设置html的font-size？ rem就是根元素（即：html）的字体大小。...html中的所有标签样式凡是涉及到尺寸的（如：height、width、padding、margin、font-size等），都可以用rem做单位。...根据上面的js代码，如果页面宽度低于640px,那么页面中html的font-size也会按照（当前页面宽度/640）的比例变化。...大家可以看看淘宝的这个手机页面淘宝手机站，基本就是这种感觉，底部导航和顶部搜索框用的高固定，宽自适应的方案，其余的部分基本都是随着浏览器宽度变化在等比例缩放。最终页面代码首页代码大致如下 <!

2.5K5 2

您找到你想要的搜索结果了吗？

是的

没有找到

webapp设置适应pc和手机的页面宽高以及布局层叠图片文字

<!DOCTYPE html> <html lang="zh-cn"> <head> <title>我趣旅行网-美剧迷</title> <meta c...

9438 0

小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸

小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸小程序页面跳转传参根目录下的 app.json 文件页面文件的路径、窗口表现、设置网络超时时间、...checkboxChange: function (e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value) } }) 实现画布自适应各种手机尺寸...解决的问题：画布，动画等js里面的操作，默认是px而不是rpx, 无法根据手机屏幕自适应获取节点的rpx -> px单位 <view id='canvas-container' style

1K2 0

webapp开发调试环境--weinre配置

，如果调试的页面比较少可以使用这个方法，如果多的话推荐第二种方法 (2)、Target Bookmarklet(此方法我没弄成功，如果你们知道怎么弄得，再共享下) 　　　　该方法是将一段js保存到移动设备的书签中...---- 下面看下效果，这里我用weinre自带的demo页面做示例：手机连接wifi后访问:192.168.0.20:8081/demo/weinre-demo.html ?...---- 总结：此种方法虽然可以在手机上实时看到调试的效果，但每次都需要把本地的静态文件移到weinre服务器下，然后对目标页面加上js头部，遇到只有jsp没有本地静态html的页面，要么把jsp...将静态文件上传至自己的服务器空间比如，可以将静态文件上传至自己的域名空间，然后手机访问域名地址（这样做当然是可以访问的了O(∩_∩)O~）建议： 1.webapp开发的时候，将可以连接的页面加上跳转链接...2.另外对于从html改到jsp的页面，如果在后期前端人员在jsp上有改动，那么也把改动一并同步到html，这样对后面的测试有帮助，而同步到html的部分也只是部分的改动，并不麻烦。

2.2K11 0

JSP页面直接输出实体对象空属性引发页面500报错实战案例

JSP页面直接输出实体对象空属性引发页面500报错实战案例一、问题背景传统JavaWeb项目开发中，大量业务页面使用JSP+EL表达式渲染数据。...页面user.jsp展开代码语言：TXTAI代码解释用户信息做空值判断，直接访问对象属性--%>用户名：${user.username}手机号：${user.phone}如果后续拼接、逻辑判断仍会衍生展示异常。...四、项目开发规范避坑总结JSP使用EL渲染对象前，必须通过empty判断对象非空，再读取内部属性；字符串属性输出时使用三元表达式设置默认值，避免页面空白；后端查询数据接口统一兜底，无数据时返回空实体而非

1620 0

带着ChatGPT玩转软件开发-连载21

如果输入的邮箱或手机号未注册，将返回错误信息。否则，用户需输入验证码、新密码和确认密码。新密码和确认密码必须一致，且新密码不能与之前使用过的密码相同。密码设置成功后，用户将被重定向到登录页面。...如果有其他特定场景需要测试，可以进一步补充。 3.找回密码测试用例调整根据上一节的反馈，对找回密码的测试用例进行了如下调整。 TC-001：输入有效的注册手机号进行找回密码。...验证码处理页面。 VERICODE_URL="http://127.0.0.1:8080/CharGPTEbusiness/jsp/VeriCodePage.jsp" 重置密码处理页面。...password="Abc@123" 验证码处理页面。参见代码4-12 VeriCodePage.jsp 重置密码处理页面。参见代码4- 13 RecoverPage.jsp 测试用例。...登录页面参看代码4-1 login.html 2）输入手机号码或电子邮箱参看代码4-12VeriCodePage.jsp 3）重置密码参看代码4-11 RecoverPage.jsp •GTC-001

4261 0

javaWeb综合案例

;%> 4找到登录页面中登录与注册入口 href=${}/jsp/jsp; //如果一个页面放在了WEB-INF文件下:不能被浏览器直接访问,只能通过代码访问,(通过Servlet).../sd1 创建一个servlet 名字为sd1 doGet方法中使用请求转发 getRequestDispacher(需要访问的jsp); 注意:之前做需求的时候一个功能一个Servlet...//请求转发到另一个页面 request.setAttribute(“msg”,”注册失败,稍后继续..”); Return “ /jsp/**.jsp” } Return “/jsp/...如果给这个插件设置属性,事件,方法?...例如: ps : add('abc'); 不加单引号仅限于数值类型如果涉及到了字符串类型就必须得加单引号,如果不加,它会认为是一个变量静态方式/css方式特点: 都在标签体内设置

3K1 0

【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调

【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter...开发-全流程-商业应用级实战开发-优雅草央千澈章节内容【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且打包demo做演示开发背景上篇我们做了自定义组件，本文继续完善注册相关页面并且实现跳转闲话不多...这是因为包依赖问题：如果 ff_flutter 是一个自定义包，确保它已经在 pubspec.yaml 中正确声明。运行 flutter pub get 更新依赖。.../ff_flutter 那么package:ff_flutter 已经就到了lib 目录下了，我再去加lib目录那当然要出错啦，问题解决，我们进行下一步有了注册页面我们做登录页面新建login.dart...例如，在一个可变顺序的列表中，如果每个项目都有唯一的 key，那么在列表项被重新排列时，它们的状态仍能正确保持。3. 控制小部件重建key 参数可以帮助Flutter引擎决定是否需要重建小部件。

1.5K1 0

通过Python实现需求转为playwright测试脚本

/LoginPage.jsp 注意登录需求与注册需求相当，变动对应部分即可找回密码需求 ***找回密码产品需求*** - 1.进入输入手机号或Email页面 - 2.如果手机号或Email格式不正确...，前端返回："请输入有效的中国手机号或Email" - 3.将手机号或Email传入后端，后端验证是否存在这个手机号或Email - 4.如果不存在后端返回："您输入的手机号或Email不存在，请重新输入...**注意**不是“您输入的手机号或Email不存在请重新输入” - 5.如果手机号存在，记录这个手机号所属于的用户ID号（uid）；如果Email存在，记录这个Email所属于的用户ID号（uid） -...6.生成验证码（6位数字），存储在表code中，值为（id,uid,code），其中id自增一、uid用户外键、code验证码 - 7.如果是手机号向用户手机发送验证码；如果是Email向Email发送验证码...- 7，进入登录页面，页面标题为“登录页面” ****错误流程1：非有效的手机号和Email字符**** - 1，在VeriCodePage.jsp中输入非手机非Email字符，比如jerrygu。

3201 0

前端机试面试题

10分 9、如果将数据存放到服务器端，REST发布服务，angularJS跨域获得，后台不限JAVA,DotNet,NodeJS，加30分。 10、响应式布局，实现兼容手机端加20分。 ?...掌握JSP、Servlet、Hibernate、Spring、Struts2、Maven、Git、Oracle、JavaBean、JDBC、Redis、Tomcat、Jetty、XML等服务器开发技术；...java常用面试题(如果没有积分请留言，我发你邮箱) ---- DotNet全栈开发： 1、擅长基于.Net平台的全栈开发。...2、请将完成的PC端站点转换成Web APP项目可以选择使用响应式布局方式与PC Web共享同一个页面也可以重新开始一个新的页面，打包成手机APP 手机端同样需要实现访问后台，异步加载服务器数据效果与...PC Web类似要求兼容各种手机分辨率 3、使用前端MVC 重构前端JavaScript脚本，使用前端MVC框架如（Angular,Vue,React等）素材下载：点击下载完整的页面如下： ?

6K4 0

9.java web的发展 javaweb是什么 J2EE发展历史规范 J2EE是什么发展背景组件标准 J2EE好处作用 Servlet 含义本质发展 java在web中的发展 servl

举一个例子你肯定在你的手机上使用过耳机,基本上绝大多数的耳机和你的手机都是通用的,你有想过为什么吗?...这就是因为他们有统一的规范接口标准目前国际上通用的手机耳机接口标准有两个，一个是OMTP的标准，一个是CTIA的标准,都是3.5毫米接口古人云:"无规矩不成方圆",也是类似的道理试想一下,如果每个厂家生产的耳机插头粗细不同...,每个手机厂家生产的手机耳机孔粗细不同,会发生什么情况?...但是使用jsp就需要java代码与前端页面代码写到一个页面上,完全的耦合在了一起前端开发人员会看到JSP中大量的令他困惑的后端代码,这跟他却没有关系同样，Servlet开发人员也得在复杂的前端代码中找到其能写...处理过程放在JavaBean中，然后在JSP中调用JavaBean的功能解决了jsp页面中包含大量java代码的问题,更进一步的实现了前端展示页面与后端逻辑代码的分离再后来为了更加彻底的分层,把jsp

2.2K1 0

猿蜕变系列6——一文掌握springMVC必会技巧

为了让大家有一个更加清楚的理解springMVC的转发和重定向,我们看下面这个例子：编写两个新页面分别表示转发和重定向的页面：forward.jsp 和 redirect.jsp forward.jsp...当然，你还可以使用HttpServetRequest,和HttpServletResponse来做也是可以的，只是这样做没有使用框架特性，就不一一列出了，有兴趣，自己做下体会下就好。 ? ? ?...就不能转换,为了解决个问题我们需要自定义类型转换器来做这些事情。...页面 validateDataForm.jsp <%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding...查看页面效果。

1.1K2 0

JSP 技术从问世到淘汰，它到底经历了什么?

服务器端渲染逐渐被客户端渲染取代，而JSP的模板引擎在这方面表现不佳。同时，维护JSP页面变得越来越困难，特别是在复杂的应用中。许多开发者转向了更适应现代需求的技术栈。...优缺点 JSP 的优点易学易用： JSP基于Java，对于熟悉Java的开发者来说易于上手。结合性强： JSP允许在页面中嵌入Java代码，实现页面和业务逻辑的紧密结合。...成熟稳定： JSP经过多年的发展，拥有稳定的生态和丰富的库。 JSP 的缺点维护困难：随着页面复杂度增加，JSP页面难以维护，容易造成代码混乱。...性能较差：传统的JSP模型会导致页面整体刷新，影响用户体验。不适应现代需求：随着SPA和客户端渲染的兴起，JSP在交互性和性能方面不再具备竞争力。...我们应该从JSP的兴衰中汲取经验，不断学习和适应新的技术，以满足不断变化的需求。原创声明 ======= · 原创作者：猫头虎

3.5K1 0

使用ChatGPT生成登录产品代码

为了与注册页面一致，申请产生登录页面的时候需要把密码输入框和登录按钮JavaScript与CSS文件给出。...下面是对两个页面的修改建议。...l输入验证: 在register.jsp中，如果用户输入的内容不符合要求，会立即显示验证结果。...l这样做确保了用户在登录或注册时能够看到清晰的反馈信息，提升了用户体验。 3）根据回复进行调整在这里只考虑register.jsp。 ① 修改DBuser类中的insert()函数。...，预期结果：显示错误信息'手机号格式错误'""" … self.assertIn("手机号必须符合中国手机号码格式", response.text) def test_valid_email

5791 0

支付宝支付功能使用

│ ├─close.jsp 统一收单交易关闭接口调试入口页面 │ ├─downloadurl.jsp 查询对账单下载地址接口调试入口页面 │ ...├─ pay.jsp 支付宝手机网站支付接口(alipay.trade.wap.pay)接口调试入口页面 │ ├─query.jsp 统一收单线下交易查询调试入口页面 │ ...├─refund.jsp 统一收单交易退款接口调试入口页面 │ ├─ refundquery.jsp 统一收单交易退款查询调试入口页面 │ └─ META-INF │ .../wappay/refund.jsp')">手机网站2.0订单退款 (接口名：alipay.trade.refund) .../wappay/refundquery.jsp')">手机网站2.0订单退款查询(接口名：alipay.trade.fastpay.refund.query)

9274 0

带着ChatGPT玩转软件开发-连载19

该功能分为手机短信找回和Email找回，处理逻辑如下。 1.在VeriCodePage.jsp的id="contact"文本框中输入手机号或Email，提交给VeriCodePage.jsp处理。...2.根据输入的手机号或Email，查询数据库中的用户表（user）以判断该字段是否存在。 3.如果数据库中不存在该手机号或Email，返回提示信息：“您输入的手机号或Email不存在，请重新输入！”...4.如果输入的是手机号，则向该手机号发送验证码；如果输入的是Email，则向该Email发送验证码。 5.发送完成后，将验证码存储在验证码表（code）中。...3）JSP页面处理接下来，我们需要在VeriCodePage.jsp和RecoverPage.jsp中处理表单提交。以下是示例代码。...具体改造的页面包括RegisterPage.jsp、LoginPage.jsp、RecoverPage.jsp和VeriCodePage.jsp。

3051 0

Java高并发秒杀API(三)之Web层

简单来说，使用POST方法请求创建一个资源，如果将这条请求重复发送N次，就会创建出N个资源；而如果用GET方法请求创建一个资源，就算重复发送该请求N次，也只会创建一个资源（就算第一次请求创建出来的资源）...{ return '/seckill/seckill/' + seckillId + '/' + md5 + '/execution'; } }, 如果有同学在后边测试页面时找不到路径...，可以将这里的路径里的/seckill删掉 4.2 编写页面在WEB-INF目录下新建一个jsp目录，在这里存放我们的jsp页面，为了减少工作量，也为了方便，将每个页面都会使用到的头部文件和标签库分离出来...，放到common目录下，在jsp页面中静态包含这两个公共页面就行了。...关于jsp页面请从源码中拷贝，实际开发中前端页面由前端工程师完成，但是后端工程师也应该了解jQuery和ajax，想要了解本项目的页面是如何实现的请观看慕课网的Java高并发秒杀API之Web层。

1K2 0

php的优缺点

语法简单，如果有学习C和Perl的很容易上手，并且跟ASP有部分类似。有成熟的开发工具，比如NuPHPed，或者Zend Studio等等，再Linux平台下可以使用Eclipse等等。 3....有比较完整的支持，比如使用ADODB或者PEAR::DB做数据库抽象层，用Smarty或者smart template做模板层，如果是PHP 5.1的话，还能够使用PDO(PHP Data Object...PHP 5已经有成熟的面向对象体系，能够适应基本的面向对象要求。适合开发大型项目。 7. 有成熟的社区来支持PHP的开发。 8....在PHP中，所有的变量都是页面级的，无论是全局变量，还是类的静态成员，都会在页面执行完毕后被清空。...以JSP为例，在JSP 中，Java Bean的scope有四种有效值：Page、Application、Session、Request，分别对应页面、程序、会话、请求四种生存期。

5.3K5 0

Jsp&EL&JSTL的基本使用

设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集） * import：导包...后来又jsp，简化了Servlet的开发，如果过度使用jsp，在jsp中即写大量的java代码，有写html表，造成难于维护，难于分工协作 3....作用：替换和简化jsp页面中java代码的编写 3. 语法：${表达式} 4. 注意： * jsp默认支持el表达式的。如果要忽略el表达式 1....使用when标签做判断相当于case 3....，从1开始 jstl相关jar包下载点击下载链接：https://pan.baidu.com/s/1DCAjBlLcwzqC0qDC55qsNw 提取码：1e5c 复制这段内容后打开百度网盘手机

2K2 0

点击加载更多

html5移动手机页面怎么做自适应

手机端页面自适应布局---rem

webapp设置适应pc和手机的页面宽高以及布局层叠图片文字

小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸

webapp开发调试环境--weinre配置

JSP页面直接输出实体对象空属性引发页面500报错实战案例

带着ChatGPT玩转软件开发-连载21

javaWeb综合案例

【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调

通过Python实现需求转为playwright测试脚本

前端机试面试题

9.java web的发展 javaweb是什么 J2EE发展历史规范 J2EE是什么发展背景组件标准 J2EE好处作用 Servlet 含义本质发展 java在web中的发展 servl

猿蜕变系列6——一文掌握springMVC必会技巧

JSP 技术从问世到淘汰，它到底经历了什么?

使用ChatGPT生成登录产品代码

支付宝支付功能使用

带着ChatGPT玩转软件开发-连载19

Java高并发秒杀API(三)之Web层

php的优缺点

Jsp&EL&JSTL的基本使用

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐