これは、Windows 環境で行われた実践的なブログ プロジェクトです。前回の記事でAjaxの非同期変更を実装しましたが、ポップアップウィンドウがあまりにも醜かったので、この記事ではポップアップウィンドウのリファレンスについて簡単に紹介します。次に、背景記事分類の作成を紹介します。お役に立てれば幸いです。
1. 外部ポップアップ ウィンドウへの参照
ポップアップ ウィンドウ ライブラリを導入します:
1) ダウンロード:
2) 次に、圧縮パッケージ内のファイルをステップ 3) のパスにドラッグします
3) 下の図のパスで、
4) 次に、
を引用します。 5) 次に何をするか
function onchangeOrder(obj,cate_id){ var cate_order=$(obj).val(); $.post( "{{url('home/cate/changeorder')}}", {'_token':'{{csrf_token()}}','cate_id':cate_id,'cate_order':cate_order}, function(data){ //alert(data.msg); layer.msg(data.msg, {icon: 6}); }); }
を使用します6) アイコン
function onchangeOrder(obj,cate_id){ var cate_order=$(obj).val(); $.post( "{{url('home/cate/changeorder')}}", {'_token':'{{csrf_token()}}','cate_id':cate_id,'cate_order':cate_order}, function(data){ //alert(data.msg); //layer.msg(data.msg, {icon: 6}); if(data.status==0){ layer.msg(data.msg, {icon: 6}); }else{ layer.msg(data.msg, {icon: 5}); } }); }
が正常に更新されると、ページが完成し、実際の並べ替え
public function Tree(){ //$categroy = $this->all(); //这个是去所有数据 $categroy = $this->orderby('cate_order','asc')->get(); //改成只取一条 return $this->getTree($categroy); }
2. 背景記事カテゴリにテンプレートの割り当てを追加し、親カテゴリを埋め込みます
表示ページビュー:
静的読み取り:
動的読み取り:
コントローラー:
controller //GET home/category/create 添加分类 public function create(){ $data = CategroyModel::where('cate_pid',0)->get(); return view('home/categroy/add',compact('data')); } // POST home/category 填加分类提交 public function store(){ $input=Input::all(); //获取前端的所有提交的数据 dd($input); }
3. バックエンド記事の分類、データの追加 検証の検証と保存
エラー メッセージ プロンプトの表示:
@if(count((array)$errors)>0) @if(is_object($errors)) @foreach($errors->all() as $error) {{$error}} @endforeach @else {{$errors}} @endif @endif controller: // POST home/category 填加分类提交 public function store(){ //除了token值,其余都要存进数据库,用except排出放将token排除,全部用all $input=Input::except('_token'); $rules = [ 'cate_name'=>'required' ]; $message = [ 'cate_name.required'=>'分类名称不能为空!', ]; $validator= Validator::make($input,$rules,$message); if($validator->passes()){ // 用create将数据都存进数据库 $res = CategroyModel::create($input); //如果添加成功后返回列表页面 if($res){ return redirect('home/category');//成功返回列表页面 }else{ return back()->with('errors','数据填充失败!'); } }else{ //dd($validator->errors()->all()); return back()->withErrors($validator); } // dd($input); } model : protected $guarded =[];//不可编辑字段包含哪些 $fillable $guarded属性
4. 背景記事分類の編集とシミュレーションの配置方法
ページ表示ビュー:
value: デフォルト値を指します
コントローラーコントローラー:
// GET home/category/{category}/edit 编辑分类 //接受前端传过来的参数 public function edit($cate_id){ //查询当前这条的数据 $res = CategroyModel::find($cate_id); //data数据是读取所有cate_pid等于0的顶级分类 $data = CategroyModel::where('cate_pid',0)->get(); //把本来的数据分配到页面当中然后再做修改 return view('home.categroy.edit',compact('res','data')); } // PUT home/category/{category} 更新分类 //这个参数通过get方法传过来的参数 public function update($cate_id){ //剔除不要的参数 $input=Input::except('_method','_token'); //update更新cate_id等于2的这条数据 $res = CategroyModel::where('cate_id',$cate_id)->update($input); //如果添加成功后返回列表页面 if($res){ //如果成功跳转到列表页面 return redirect('home/category'); }else{ return back()->with('errors','数据填充失败!'); } }
上記の手順は、私の勉強メモです。手順や操作のポイントなどを書き留めています。わからないことがあれば、メッセージを残していただけます。ご協力ありがとうございます。 Xiaobai のお役に立てれば幸いです。ブログ プロジェクトの情報をもっと見たい場合は、私をフォローしてください。次の記事で引き続き共有します。
以上が【laravel】ブログプロジェクト実践記 - ポップアップ外部プラグインの参考や背景記事カテゴリーの追加・編集など。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。