建站篇-用户认证系统-替换默认视图

简介: 关于视图,会联系到html,css,js等文件,这里将会使用LaravelElixir。使用前确保安装了Node.jsnode -vnpm -v详细安装步骤可参考http://laravelacademy.org/post/5962.html然后下载一套模板bower install gentelella --save另外我在根目录下新建过一个.bowerrc的文件,内容为:{      "directory":"vendor/bower_dl"}用以告诉下载文件存放到哪。

关于视图,会联系到html,css,js等文件,这里将会使用LaravelElixir。使用前确保安装了Node.js

node -v

npm -v

详细安装步骤可参考http://laravelacademy.org/post/5962.html

然后下载一套模板
bower install gentelella --save

另外我在根目录下新建过一个.bowerrc的文件,内容为:

{

      "directory":"vendor/bower_dl"

}

用以告诉下载文件存放到哪。

如果没有下载jquery和bootstrap,同样可以用bower依赖。

OK之后修改gulpfile.js文件


并在控制台执行

gulp

,这样就可以copy到public文件夹了。

在views/layouts下新建auth.blade.php

复制gentelella的login源码过来。并加以修改


同时,默认生成的login.blade.php需要更改最上面的

@extends('layouts.app')

@extends('layouts.auth')

结束之后访问yourapp.me/login看效果就好啦。

但是这还没结束,因为只是修改好了html文件,post路由等没有写在视图文件中,所以继续修改。


刷新页面


然后使用账号登陆即可。

注册不再描述,同理。

目录
相关文章
|
JSON 安全 Java
什么是JWT?如何使用Spring Boot Security实现它?
什么是JWT?如何使用Spring Boot Security实现它?
2307 5
|
人工智能 分布式计算 DataWorks
大数据& AI 产品月刊【2024年12月】
大数据& AI 产品技术月刊【2024年12月】,涵盖本月技术速递、产品和功能发布、市场和客户应用实践等内容,帮助您快速了解阿里云大数据& AI 方面最新动态。
|
测试技术 C# 数据库
C# 一分钟浅谈:测试驱动开发 (TDD) 实践
【10月更文挑战第18天】测试驱动开发(TDD)是一种软件开发方法论,强调先编写测试代码再编写功能代码,以确保代码质量和可维护性。本文从 TDD 的基本概念入手,详细介绍了其核心步骤——编写测试、运行测试并失败、编写代码使测试通过,以及“红绿重构”循环。文章还探讨了 TDD 的优势,包括提高代码质量、促进设计思考、减少调试时间和文档化。此外,文中分析了常见问题及解决方案,如测试覆盖率不足、测试代码过于复杂、忽视重构和测试依赖过多,并通过一个简单的计算器类的代码案例,展示了 TDD 的实际应用过程。
341 1
|
监控 算法 Java
|
前端开发 UED
垂直导航栏不再单调!教你用CSS动画打造炫酷特效
垂直导航栏不再单调!教你用CSS动画打造炫酷特效
|
人工智能 分布式计算 DataWorks
连续四年!阿里云领跑中国公有云大数据平台
近日,国际数据公司(IDC)发布《中国大数据平台市场份额,2023:数智融合时代的真正到来》报告——2023年中国大数据平台公有云服务市场规模达72.2亿元人民币,其中阿里巴巴市场份额保持领先,占比达40.2%,连续四年排名第一。
724 12
|
缓存 网络安全 Nacos
登录nacos客户端提示no message available
登录nacos客户端提示no message available
|
人工智能 监控 安全
Springcloud数字化物联网智慧工地综合平台源码 劳务管理、设备管理、绿色施工
Springcloud数字化物联网智慧工地综合平台源码 劳务管理、设备管理、绿色施工
431 3
|
数据安全/隐私保护 开发者
AppUploader 教程:如何注册账号并激活 AppUploader
AppUploader 教程:如何注册账号并激活 AppUploader
|
JavaScript 前端开发 网络协议
Node.js 基本架构解析
Node.js 基本架构解析
847 0

热门文章

最新文章