Angular6 热加载配置，方便我们开发调试，撇去繁琐的代码保存，浏览器刷新，做到改则动，动则效，方便我们既改既看的实现。

通过angular快速开发脚手架创建初始化项目，减少繁琐的安装搭建，利用在开发中，马上上手，节约开发时间，当前教程用到的cli是最新的根据需求选择自己的版本

<aside> 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。HTML 4.01 与 HTML 5 之间的差异

下载官方sdk，并进行配置（将sdk包放入web环境，访问install/index进行配置），这是我们下载的文件，这个是测试包，我们要用到的只有API下的文件

经过30个小节的实战，我相信大家都可以做出一个简单的博客管理系统，虽然是个小麻雀，但是其他的功能都是需要我们去探索的，像框架这种东西都是需要看官方文档去做的，但是官方文档看起来不那么明确，不过原理方面都是跑不掉的，所以我们参照的都是官方实例，再说一句废话就是，越是有文档的东西，越是框架反而越简单

实现的功能：打开留言本页面展示留言，并提供留言功能

首页展示出所有文章，因此需要单独处理，首先在后台将首页的栏目删除，并将首页栏目下的文章移到其他栏目或者删除；

在文章详情页面需要展示相关文章列表，该列表使用过当前文章的关键词来获取的；当前文章的关键词可能不止一个，因此需要查询所有文章是否具有该关键词，如果有则将该文章相关信息储存到数组中；这样遍历出来文章可能重复，因为需要对该数组中的文章进行去重；去重的方法有很多，这里使用对数组降维的处理方法；

本文介绍的文章展示页面功能包括：文章内容（标题，时间，图片，内容），文章点击数，上一篇下一篇功能。文章的详情信息有Article控制器操作

每篇文章下面展示有关键词，点击关键词可以查询该栏目下的所有具有该关键词的文章；点击关键词，需要将该关键词当做参数传值tahs控制器进行联表查询；

前台导航完成后就需要将每个栏目下对应的文章展示到栏目下；每个栏目展示对应的lists控制器的index操作方法

之前的前台页面的导航栏是通过a标签实现跳转的，但是在实际项目中栏目的信息可能是动态变化的，因此展示的导航栏也会根据数据库存储的变化而变化；通过后台操作对导航栏的管理，实现前台页面的展示。每次打开前台页面都需要优先展示导航栏，需要创建初始化方法在其他页面的控制器调用之前调用导航栏页面

登录成功后需要在头部展示登录的管理员的名称信息，并且点击修改能跳转到修改页面进行操作登录成功后，需要将用户的信息写入服务器的session中，从session中获取用户名和idthinkPHP5的session使用方法https://www.kancloud.cn/manual/thinkphp5/126166在登录的model中成功后写入session

管理员登录就是根据用户输入的信息对数据库进行比对返回处理结果数据库连接处理放在模型model中新建登录对应的控制器文件controller/Login.php，模型文件model/Login.php，视图view/Login/login.html

包含获取管理员列表、修改管理员和删除等方法。另外，保留了一个管理员不能删除和对管理员的密码进行了md5加密，由于md5加密空后不为空，所以先进行空验证再加密

友情链接列表输出及分页，增加了修改删除控制器，进行对友链的修改删除

thinkPHP5提供了模型增加数据的功能，通过实例化模型来实现数据库操作，下面以增加链接为例分享改功能的使用，在admin下新建文件model/Link.php模型文件并初始化定义

类似于添加栏目和文章完善添加友情链接的功能分别新建友情链接link对应的视图模板、控制器和验证器文件

页面间传值；数据库查询；模板赋值；下拉框赋值，略缩图展示等，文章列表页面修改跳转点击修改跳转到edit页面，并将文章的id值传过去

文章列表展示的主要功能点有：联动栏目数据库查询文章对应的栏目展示出来；展示略缩图；展示格式化时间；列表分页；

本文分享在创建文章时读取栏目列表并选择的功能首先在数据库中添加cateid字段，类型为mediumint创建文章的页面展示cate代码

thinkPHP5提供了场景验证功能，参考文档位于https://www.kancloud.cn/manual/thinkphp5/129322比如在创建栏目中，我们不允许关键词为空，而在编辑栏目时允许关键词为空，在同一个验证器中，可以针对这些不同的场景进行不同的验证定义首先打开之前写好的cate验证器application/admin/validata/Cate.php，添加指定处代码:

新增文章验证器和控制器,根据[thinkPHP5入门实战_09]后台添加栏目及验证介绍新增栏目的方式构建新增文章的操作方法

创建文章信息存储数据表访问http://localhost/phpMyAdmin/index.php默认账号和密码为root，创建数据库tp5，新建数据表tp6_article，字段数为8

如果开发过程中出现了页面不可用，请稍后再试，可以将application文件夹下的config.php文件中的调试模式打开，可以看到代码报错提示信息。

上一篇分享了如何添加栏目和验证。添加栏目后需要将其从数据库中取出展示在列表上，比如数据库的tp5_cate有以下数据，在Cate控制器的lists方法中读取数据数据并赋值给模板

上一篇介绍了前台页面的模板分离和URL生成，构建博客系统还需要后台管理系统，通过类似的方法构建后台的模板

在前端网页项目中不同的页面存在公共的模块，例如头部、底部和侧边栏等，使用tp5的模板分离可以将这些公共模块抽出，在需要的页面进行引入减少前端代码量，提高运行效率以前台页面为例，在application/index/view下面新建一个Public文件夹，用于存放页面公共模板，分别新建header.html，resource.html，footer.html，sidebar.html将网页公共部分提取出来

后台页面的引入与前台页面的引入类似,thinkphp后台页面,后台页面引入，后台管理应作为一个单独的模块存放，在application中新建admin文件夹，用于存放后台管理的控制器和视图

一个网站的前端分一般分为前台和后台两个部分，下面说明一下如何在tp5中引入前台页面。tp5中访问的是模块下的控制器，通过控制器获取视图下的页面（模板布局），输出替换引导页面加载静态文件（css,js,image）