Web前端开发职业技能中级

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属性,把数据传递给控制

器来处理。

⑥ 测试添加广告功能。添加一个广告测试,添加成功后跳

转到广告列表页。

广告内容管理列表

• 修改

• 删除

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

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

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

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

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章