实现简单blog展示_html/css_WEB-ITnose
创建一个index主页列出所有文章
生成路由
app/Http/routes.php
Route::get('/articles','ArticlesController@index');生成一个controller
php artisan make:controller ArticlesController
namespace App\Http\Controllers;use App\Articles; //当你使用Articles这个model的时候，phpstorme会帮你默认导入这个类use Illuminate\Http\Request;use App\Http\Requests;class ArticlesController extends Controller{ // public function index(){ //因为路由里面我们使用了ArticlesController@index，所以这里是index方法 $articles = Articles::all(); //这里需要注意的是这个Articles是我们创建的那个Articles的model，在phpstorme会有提示，这里的all方法是返回这个model查询到的所有数据，这些数据是提前输入好的 return $articles; }}访问localhost:8000/articles会出现以下内容，laravel会默认返回json格式的数据
本页JSON数据由FeHelper进行自动格式化，若有任何问题，点击这里提交 意见反馈[{"id": 1,"title": "title","content": "content","publish_at": "2016-05-14 18:04:44","created_at": "2016-05-14 18:04:48","updated_at": "2016-05-14 18:04:48"},{"id": 2,"title": "title2","content": "content2","publish_at": "2016-05-15 04:24:48","created_at": "2016-05-14 18:07:42","updated_at": "2016-05-14 18:07:42"},{"id": 3,"title": "second title","content": "second content","publish_at": "2016-05-14 18:15:38","created_at": "2016-05-14 18:15:38","updated_at": "2016-05-14 18:15:38"}]运用已有的blade知识，配置一个layout
例如
resources/views/layout/app.blade.phplayout只是一个概念，这个文件主要是为了创造一个模板容器，用来处理那些可以复用的代码，例如一些html的head，body标签
< !DOCTYPE html><html><head> <title>Laravel</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/></head><body> <div class="container"> @yield('content') </div> @yield(('footer'))</body></html>创建刚才控制器指定的那个blade文件
resources/views/articles/index.blade.php
@extends('layout.app')@section('content') <h1 id="hello">hello</h1> <hr /> @foreach($articles as $article) //循环输出 <h2 id="article-title">{{$article->title}}</h2> <article> <div> {{$article->content}} </div> </article> @endforeach@stop创建一个文章页，列出单个文章
单个文章，需要有文章id在url里面区分，所以特意建立了一个新的路由和一个新的controller方法show
Route::get('/articles/{id}','ArticlesController@show'); {id}传入变量参数，用大括号来标识，传入变量到controller的show方法
app/Http/Controllers/ArticlesController.php
class ArticlesController extends Controller{ // public function index(){ $articles = Articles::all();// return $articles; return view('articles.index',compact('articles')); } public function show($id){ //获取从路由传入的$id变量 $article = Articles::find($id); //使用laravel提供的find方法查询数据库// return $articles; return view('articles.show',compact('article')); }}resources/views/articles/show.blade.php
@extends('layout.app')@section('content') <h1 id="hello">hello</h1> <hr /> @foreach($articles as $article) {{--<h2 id="a-href-articles-article-id-article-title-a"><a href="/articles/{{$article->id}}">{{$article->title}}</a></h2>--}}{{-- <h2 id="a-href-url-articles-article-id-article-title-a"><a href="{{url('articles',$article->id)}}">{{$article->title}}</a></h2>--}} <h2 id="a-href-action-ArticlesController-show-article-id-article-title-a"><a href="{{action('ArticlesController@show',[$article->id])}}">{{$article->title}}</a></h2> //这里有三种方法来传递变url量到blade中，第一种是直接写的，第二种是通过url方法，使用的路由方法，第三种是通过action方法，使用的是controller方式 <article> <div> {{$article->content}} </div> </article> @endforeach@stop本文由 PeterYuan 创作，采用 署名-非商业性使用 2.5 中国大陆 进行许可。 转载、引用前需联系作者，并署名作者且注明文章出处。神一样的少年 » 实现简单blog展示(主要使用到Eloquent和Controller的结合)
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
了解HTML，CSS和JavaScript：初學者指南
Apr 12, 2025 am 12:02 AM
WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML：結構，CSS：樣式，JavaScript：行為
Apr 18, 2025 am 12:09 AM
HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。
HTML，CSS和JavaScript的未來：網絡開發趨勢
Apr 19, 2025 am 12:02 AM
HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。
HTML的未來：網絡設計的發展和趨勢
Apr 17, 2025 am 12:12 AM
HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。
HTML與CSS vs. JavaScript：比較概述
Apr 16, 2025 am 12:04 AM
HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。
HTML：建立網頁的結構
Apr 14, 2025 am 12:14 AM
HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。
HTML的角色：構建Web內容
Apr 11, 2025 am 12:12 AM
HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。
HTML：是編程語言還是其他？
Apr 15, 2025 am 12:13 AM
HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。
