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

40、个人中心页面

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

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

    PHP压缩html页面

    将html页面压缩之后,可以大大提升页面的加载速度,下面的压缩代码去掉了页面中的所有空格、注释、制表符、换行符等等比较多余的字符,下面的代码是写以在thinkphp5中为例的,不过在他PHP程序是通用的...1、找到thinkphp5框架中的框架View类(/think/library/response/View.php),修改类中的output方法,代码如下:     /**      * 处理数据      ...,下面这段代码对PHP通用,可以进行自定义扩展封装          * 如果要使用压缩,请将IS_PAGE_ZIP定义在公共加载的文件中          * */         if(defined...php echo ', $outputHtml)));         }                  return $outputHtml;     } 2、在页面公共部分或者你需要使用页面压缩的模块设置一个宏变量进行标记...,我的如下     //设置开启页面压缩,true为开启页面压缩,false相反     define('IS_PAGE_ZIP', false); 3、最后压缩后的效果如下图:

    8.1K10

    PHP】英文博客专栏PHP快速入门个人笔记

    过往历史PHP起源于1994年的个人博客网站,作者是rasmus lerdorf,PHP在1997到2000随着互联网的快速崛起并且爆炸式增长。...设置PHP本部分作者介绍了mamp的安装使用,个人没有使用经验就不详细记录了,对于PHP作者推荐使用VScode 编辑器开发,个人使用下来发现确实好用,当然Jerbrian的PHP IDE也不错,对于常年使用...PHP 开发一般依赖套件,PHP本身就是起源于个人博客专职于WEB Application领域,所以他需要最为根本的软件比如Apach,Mysql,Redis等等。...> 虽然访问的是html页面,但是里面的PHP代码却会被识别翻译并且执行。基本类型PHP是动态类型语言,定义变量方式如下:<?php$a = 5;$b = '444';?...下面是把文件内容读取到变量的方法,这里吐槽一下使用要比JAVA的套版代码简单很多,也比较符合新生高级编程语言的设计思路。

    2.1K30

    php个人博客系统项目网站

    php开发的个人博客系统,没有用框架环境:mysql5.5+php7.3.5 简单版功能:只有一个用户admin,登录,首页展示该用户的语录,该用户的博文,只能发布一篇,重复发布被替换;相册展示(不分页...),个人中心:编辑语录,编辑唯一博客,上传网络图片(不是本地上传),查看留言 演示视频 https://www.bilibili.com/video/BV1UZ4y1w7k6/?...vd_source=ed0f04fbb713154db5cc611225d92156加强版: 首页,站长信息展示,博客分页展示,博客详情,博客搜索,相册分页展示,图片预览,登录,注册,退出,给站长留言 个人中心...:个人基本信息修改,头像上传(本地上传),上传照片(本地上传),照片分页展示,删除照片,发布博客,博客编辑和添加,删除博客,站长查看留言,博客分页展示演示视频 https://www.bilibili.com

    3.5K30

    frameset标签设计页面

    页面分为三部分,顶部,左边和右边。其中点击左边的超链接,右边的框架页面会相应变化。...5、如何在子页面中获取父页面所在的frameset中的其它的frame中的元素?...taskCreat").attr("class","list-group-item");  6、frameset 的优缺点 我们知道,目前的 HTML5 标准已经不支持 frameset 了,虽然使用它重载页面时不需要重载整个页面...,只需要重载页面中的一个框架页(减少了数据的传输,加快了网页下载速度)。...但是它也有很多缺点,比如浏览器的后退按钮是没用的;会产生很多页面,不易管理;代码复杂,不易被搜索引擎搜索;小型移动设备显示不全;多框架的页面会增加服务器 http 请求等等。

    2.9K90

    页面信息设计思考

    对于单张页面上的信息排布和节奏并没有太多的感知,只是不知道的时候看看竞品,然后抄抄改改。虽然最后开发出来并没有问题但是总觉得自己没有提高。...现在在部门老大和导师的强行带飞下,发现原来单张页面的信息(框架层)是可以梳理的很清楚,并不断打磨的。...现在归纳一下页面信息设计方法: 1、这个页面要传达什么概念,需要包含什么信息 2、这些信息能被整合成几个大部分,每个部分传递了什么概念 3、这些大部分在页面应该以什么顺序排列才能让用户更好的理解页面想要传达的信息...4、每一个大部分能被分成几个小部分,每个小部分能让用户传递了什么概念 5、这些小部分在页面应该以什么顺序排列才能让用户更好的理解大部分想要传达的信息 6、让自己成为一个一无所知的用户,看进入这个页面后能获得什么信息...,这些信息是不是当时设计时想要传达的 举个例子(还可以继续拆分) 支付宝乘车码 感觉自己每天都在被带飞,每天都有新收获,开心~

    85120

    学生个人博客网页设计作品 学生个人网页模板 个人网页制作 HTML学生个人网站作业设计

    @TOC 一、‍网站题目 校园篮球网页设计、⚽足球体育运动、体育游泳运动、兵乓球 、网球、等网站的设计与制作。... 二、✍️网站描述 ️ 大学生校园运动静态HTML网页设计作品,采用DIV CSS布局制作,内容包括:校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域宽度为1200PX。...页面精美包含多个排版布局,学生网页作业水平制作。 一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。...所有页面相互超链接,可到三级页面,有5-10个页面组成。 页面样式风格统一布局显示正常,不错乱,使用Div+Css技术。 菜单美观、醒目,二级菜单可正常弹出与跳转。...,王风宇个人博客,个人博客系统,老王博客,王风宇"> <meta name="description" content="Lao王博客系统,一个站在java开发之路上的草根程序员<em>个人</em>博客网站。"

    1.7K30
    领券