小鸡管理

536天前 · 闲扯 · 代码 · 611次阅读

这是一个暑假时挖的坑,虽然一开始也做出来了,但完全就是再用简单的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的博客壁纸

以上。

👍 7

PHP Vue 小鸡管理

最后修改于449天前

评论

贴吧 狗头 原神 小黄脸
收起

贴吧

狗头

原神

小黄脸

  1. 石青舟 532天前

    然然放心飞,妈妈永相随

    1. 季悠然 532天前

      我直接好家伙

  2. c0sMx 534天前
    (装大款)小鸡哪里领。
    1. 季悠然 534天前

  3. Bhao 534天前

    ohhhhhh!界面清新好看!

  4. 櫻玲桉 535天前

    这个界面好可爱啊 (我就差多几台小鸡了)
    突然想学Vue了

    1. 季悠然 534天前

      哈哈哈,谢谢你
      Vue真的炒鸡好用!学就完事了

目录

avatar

季悠然

寻找有趣的灵魂

127

文章数

1954

评论数

3

分类

好热啊

arknights!

是不是现在踏出这一步,下决定的是他。

107