小鸡管理

这是一个暑假时挖的坑，虽然一开始也做出来了，但完全就是再用简单的PHP和HTML。初中生都能写的水平。不甘于此的我下定决心重写一番。于是用上了一直在用零散时间学习的Vue.js尝试着做了一下前后端分离。所以这个项目也可以算是对之前碎片化时间学习Vue的一个小练习吧。因为还没有学Vue-CLI，所以用的是简单的引入外部JS文件的方式加载的Vue。因为想写成单页面应用，就把所有页面挤在了一个JS文件里面写。写的时候总是会忍不住去想Hokori学长看到会不会把我骂死什么的（笑。

这一次使用Vue.js的时候也暴露了很多JS基础的问题（别骂了别骂了。例如JS的异步原理，基础的执行流程等。好在Hokori学长及时点明才没有误入歧途。Hokori学长，《Javascript高级程序设计》已经在看了，在看了......

这次尝试前后端分离也是给了我一个全新的体验，虽然只是简单的调用本地PHP后端的接口返回给Vue来渲染，但比以前写了那么久的纯后端输出HTML的程序爽了不少。以后一定要在这方面多加努力才行。咳咳，闲话就到此为止吧。

截图

主要功能

小鸡管理主要的功能是能够让用户快速了解自己手上的服务器(小鸡)的续费等的情况，并进行一些信息的聚合以优化用户的续费体验(这样子就不用每次都打开书签来进idc去续费了bushi)，而且用户还可以通过配置serverChan的key码来启动每日提醒功能，这也太贴心了。

因为后端使用的是PHP+sqlite的组合，所以还算比较轻便吧。这也是第一次用sqlite，这个项目太多第一次了。

使用方法

将源码上传至你的网站根目录

开启你的sqlite拓展

在X文件夹下的main.class.php中修改你的访问密钥和serverChan密钥。

private $key = 'jojo';
private $serverChanKey = 'key';

为X文件夹下的cron.php配置定时任务，一天一次。

访问你的网站，enjoy it。

感谢

• Medoo数据库框架
• Vue.js
• Vue-router.js
• aqua.css
• yue.css
• marked.js
• js.cookie.js
• axios.js
• normalize.css

以及sqlite expert的免费版支持

以及Hokori学长的指导。

以及Metheno的博客壁纸

以上。