Web前端开发职业技能中级

Posted 2022-08-24 dashucoding

CMS项目实践内容总结：
? Laravel安装
? 后台登录、访问控制
? 模型管理
? 栏目管理
? 内容管理
? 广告位管理
? 广告内容管理

使用 Composer 下载 Laravel 安装包
利用Composer Create-Project

后台登录
? 创建库表及写入记录，连接数据库
? 呈现后台登录的表单页面
? 处理表单数据，判断用户名密码是否正确

呈现后台首页
? 创建库表及写入记录，连接数据库

后台访问控制
? 表单中通过<input type=“hidden”>
隐藏控件负责传递用户附加信息

模型实现
? 设计表
? 添加模型
? 模型管理列表
? 模型修改
? 模型删除

模型表设计
? 包含<span class=“badge”>标签
? 使用<a>标签代替<li>标签
? 使用<div>标签代替<ul>标签

模型管理列表
? 增加对象
? 模型新增功能
? 添加行、列

模型修改
? 模型内容修改
? 使用特殊功能
? 模型删除

通过 EasyUI 模型
弹窗结合表单

网站后台首页布局结构

栏目管理列表
? 添加
? 修改
? 查看
? 删除
? 合并

网站栏目操作

? <div style=“ padding: 10px; margin: 10px 0; width: 100% ;”class=“easyui-panel”>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-add”>新增栏目</a>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-edit”>编辑栏目</a>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-save”>保存栏目</a>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-undo”>取消栏目</a>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-cancel”>删除栏目</a>
? <a href=“#”class=“easyui-linkbutton”iconCls=“icon-map_clipboard”>合并栏目</a>

节点属性
? id ： 节点id，对载入远程数据很重要
? text ： 显示在节点的文本
? state : 节点状态，’open’or’closed’，默认为‘open’。当设置为‘closed’时，拥
有子节点的节点将会从远程站点载入它们。
? checked: 表明节点是否被选择
? attributes: 可以为节点添加的自定义属性
? children： 子节点，必须用数组定义
? iconCls : 设置节点图标

EasyUI 分层树形网络属性

栏目删除
? 在Category控制器
中添加Delete(int id)，
方法的方式为
[httppost]，返回json
类型提示。

添加内容
? 采用自定义函数实现“新增文章”链接功能
? 单击“新增文章”链接将调用JS自定义函数
addArticle()

EasyUI 日期框
? 方法一：使用html 标签创建日期框
? 方法二：使用jQuery 创建日期框

内容管理列表
URL: /content/query/list
传入参数：categoryId
EasyUI传入的分页信息：page、rows

广告位管理列表
? 修改
? 删除
? 添加内容

广告位添加
① 从数据库获取广告列表数据，展示到模板。
② 模板视图代码编写，接收控制器数据显示广告列表数据。
③ 测试广告列表显示。

④ 添加广告控制器代码编写，接收视图表单数据，把提交
过来的数据保存到数据库中。
⑤提交广告视图代码，设置name属性，把数据传递给控制
器来处理。
⑥ 测试添加广告功能。添加一个广告测试，添加成功后跳
转到广告列表页。

广告内容管理列表
? 修改
? 删除

---

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

---

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注达叔小生的简书！

这是一个有质量，有态度的博客