首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

40、个人中心页面

前言:本章把个人中心页面写完,基本上这个项目的前端页面制作方面的工作大体就完成了,其它不足的我们在前后端交互的时候继续完善。...GitHub:https://github.com/Ewall1106/mall 1、新建 老规矩,我们还是复制一份test.vue文件并重命名为me,作为个人中心页面。 路由注册 ?...新建个人中心页面 这样我们个人中心页面就算是建立完成了。 2、基本结构及样式 (1)顶部栏 因为顶部栏这一块经常使用,所以我还是把它抽离成了一个组件,结构和样式都从以前的页面复制粘贴而来。...昵称头部、历史及其它模块 3、小结 我们先来看看个人中心页面的基本完成效果: ? 个人中心页面的基本完成效果 至此,我们这个项目的前端主要页面就写完了,一共啰嗦了40章,其中的知识点还是挺多的。...当然,还有很多其他的子级页面,我们就在后面前后端交互的时候边做边补充。 下章,我们讲下MongoDB的安装及入门。

2K20
您找到你想要的搜索结果了吗?
是的
没有找到

JSP页面静态化

今天说说jsp页面静态化,知道静态化的朋友都不陌生,说白了就是访问后缀是html 而不是jsp。 没听说过静态化的朋友会问为啥要这么做,jsp访问好好的 为啥多此一举 好处:     1....首先,我们需要写页面的模板,就是jsp页面,我们生成后的html是基于该模板的,说白了就是用查询好的数据去填充对应的地方,如下我写的一个简单模板jsp 这个jsp页面我命名为articleTemplate.jsp...response) throws ServletException, IOException { doGet(request, response); } }  这里代码很简单了...,并放到request里面  请注意TODO描述   最后调用create方式生成页面,参数包括了封装了数据的request,需要生成的文件名和路径,以及需要使用的模板等   具体生成html的代码如下...直接读取生成的静态html列表文件来生成列表, 这个挺好的,不用去查询数据库, 文件的操作会更好 【推荐】 虽说静态化有很多好处,但是也要结合实际情况,一天没有几个人访问的网站我觉得就没必要了, 主要适用于高并发

5.7K40

Harmony 个人中心页面交互、跳转、导航、容器组件)

首先我们在DevEco Studio中创建一个名为MyCenter的功能,如下图所示: 点击Finish创建项目,项目创建好之后,通过预览就能看到Hello World,下面来说明一下这次开发的个人中心...App包含的内容,首先是一个登录页面,登录进去之后可以通过底部导航切换页面内容,分别是首页和个人的内容,下面我们首先来写登录页面。...① 更换启动页面 当前有两个页面,Index和Login,因为我们一打开App就进入Login页面,所以我们将两个内容的位置换一下,代码如下所示: { "src": [ "pages/Login...,你可以试试看呀,不过我们当前登录页面的内容其实还没有写完,因为有一些细节还需要处理,首先要做的就是页面完整,在注册账号的Text后面再添加如下代码: //空白填充组件,具有自动填充容器空余部分的能力...五、我的 首先我们看一下我的页面的图 内容同样是呈纵向摆放的,上面是个人信息,中间这里是一个功能列表,最下面是退出按钮,下面我们首先提供列表的数据,在IndexViewModel中写一个函数,代码如下所示

3.4K23

JSP 页面访问用户验证

jsp安全性问题,当别人知道某个jsp文件的网址后就可以跳过登陆页面直接访问该jsp文件了,这样无法禁止外部无权限用户的访问。本文讨论内容是通过权限验证的用户,才可以访问特定的页面。...="form1" action="login"> 本示例代码说明 本示例主要代码结构图如下: 1) head.jsp 和 foot.jsp 统一控制jsp页面的上,下部内容,类似ASP.NET的模板...网页权限验证,其代码内容为: I am page111.jsp...页面验证 logincheck.jsp (或LoginFilter.java)页面访问前进行登录验证 3) 验证通过访问JSP页面 login.jsp(或Login.java)用户登录后才可以正常访问...JSP页面 源码下载 参考推荐: 跳过登陆页面直接访问该jsp文件 如何实现JSP页面的访问控制 session 保存登录信息 Application Session Cookie区别

16.5K40

终于来了:Android端个人中心页面滑动冲突优化方案

image.png 背景 抖音首页右滑可进入“个人中心页面,对于首页日活上亿的 APP 来说,这个页面的pv理论上应该不会太小。...问题现象 首页右滑可进入“个人中心页面,然后在底部的 RecylerView 上先左右滑动,但是不触发它们父布局 ViewPager 的切换,然后手指不抬起,进行上下滑动,此时 RecylerView...开源库的原本代码: image.png 根据分析就是在图中 else 中其实又触发了上下滑动逻辑,而外层的自定义 LinearLayout 布局没有跟随滑动导致的。...修改后的代码: image.png 到此横向判断的过滤条件写好了。...以上是个人对于抖音“个人中心页面滑动冲突优化的拙见及优化方案,仅仅是自己做过简单测试,个人觉得更好的方案可以使用谷歌的嫡系 CoordinatorLayout 来处理这种嵌套滑动。

97820

JSP页面中调用另一个JSP页面中的变量

中i的值传到b.jsp中:                       在a.jsp页面中的核心代码为:                            传参     (说明:给i赋值时也可以用jsp表达式,例如i=)                       在b.jsp页面中的核心代码为:                          ...中表单中的name的值传送到b.jsp中:                       在a.jsp页面中的核心代码为:                                                   在b.jsp页面中的核心代码为:                           <%String getName=request.getParameter...在a.jsp页面中的核心代码为:

7.4K52

JSP 页面中的 路径问题

"> 上面两种写法是相同的,都是指向 webapp 应用程序下的 login.jsp 页面。...二、关于 jsp 中请求路径的问题 一般我们会在 jsp 页面中放一个 form 表单,这样当我们启动项目的时候请求可以直接跳转到指定的请求路径上面去,这里的规则和超链接一样,只不过要重点注意 Servlet...如果你的 jsp 页面直接在项目的根目录下的话,表单跳转如下: ...---- 随便拿一个 JSP 和 Servlet 举例子: jsp 页面中的 form 表单的 action 指向直接写:servlet.do Servlet 的 urlPatterns 的值必须是对应的...jsp 页面相对于应用根目录的绝对路径,也就是要加上 jsp 页面所在的包名,如:/demo/servlet.do 注意这里不用管 Servlet 在那个包下,只需要弄清楚发请求的 jsp 在哪个包下

8.2K20
领券