Vue编写静态页面框架的基本步骤(实现基本的页面链接跳转)

第一步:定义一个整体的框架(即主页面:可以到element-ui官网-组件-container中找自己满意的)

在这里插入图片描述
第二步:将官网的框架拷贝到开发软件中

<template>
    <div>
        <el-container>
            <el-header>header</el-header>
            <el-container>
                <el-aside width="200px" style="background-color: rgb(238,241,246)">
                    <!--添加菜单激活回调事件@select="命名"(名字自己定义),和export default中的methods中的menuClick()函数名相同就行-->
                    
  • 6
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo是一个静态博客框架,不提供动态登录功能。但是可以通过一些插件或者自己编写代码实现静态页面的登录功能。 1. 使用第三方登录插件 可以使用一些第三方登录插件,在Hexo博客中集成登录功能。比如使用 Disqus 或者 Gitment 来实现评论功能,这些插件都提供了用户登录功能。用户可以通过社交账号来登录,不需要自己编写登录程序。 2. 自己编写登录程序 如果需要自己编写登录程序,可以使用一些前端框架和后端技术。前端框架可以选择 React、Vue 或者 Angular 等,后端技术可以选择 Node.js、PHP、Python 等。其中,Node.js 和 PHP 都可以使用 Express 框架来快速搭建 Web 应用程序。 具体的实现步骤如下: 1. 设计登录页面,包括用户名和密码输入框,登录按钮等。 2. 在后端编写路由,处理用户登录请求。在 Node.js 中可以使用 Express 框架,使用 post 方法接收用户名和密码,验证用户信息是否正确,如果正确则设置 session,否则提示用户登录失败。 3. 在前端编写 Ajax 请求,将用户名和密码传递给后端,获取登录状态。如果登录成功,则跳转到博客首页,否则提示用户登录失败。 4. 在 Hexo 博客中集成登录功能。可以在博客页面中添加登录按钮,点击按钮跳转到登录页面。登录成功后,将用户信息保存在 session 中,在博客页面中可以根据用户的登录状态显示不同的内容。 需要注意的是,由于 Hexo 是静态博客框架,不能保存用户信息,因此需要使用 session 或者 cookie 来保存用户登录状态。并且,由于 Hexo 的页面静态的,因此不能使用动态脚本来实现登录功能,需要使用 Ajax 请求来实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值