小霖的便签板 · 又一个拿来练手的渣渣项目

好久没写博客都快长草了,今天就来把草拔干净😂

啥玩意啊?

这个东西主要是拿来连我的前端的,毕竟只会后端也不行是吧

有啥用啊?

项目地址:GayHub DEMO地址:Lab

这个东西的灵感主要还是来自现实生活中的,有时候我想在设备和设备之间传输一些东西,但是上面又没有类似QQ这样的东西,所以就想着做一个便签板来在各设备之间传输文字,文件的话可以上传到我的公共云然后再把链接copy过去

啥原理啊?

因为想到是拿来练前端的,所以JS肯定越多越好是吧233

目前就是登陆注册,获取、编辑、删除便签是通过ajax完成的,添加便签是ajax提交以后再刷新界面(其实是我不会)

具体的API扒一下应该都能看到,这里就不多说了

怎么用啊?

本项目基于TP5.11编写,所以把gayhub上application里的东西copy进去就好了

数据库结构:

CREATE TABLE IF NOT EXISTS `text_posts` (
  `id` int(11) NOT NULL,
  `uid` int(11) DEFAULT NULL,
  `text` text,
  `add_time` text,
  `edit_time` text,
  `other` text
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

CREATE TABLE IF NOT EXISTS `text_users` (
  `uid` int(11) NOT NULL,
  `nick_name` text,
  `email` text NOT NULL,
  `code` text,
  `last_login` text,
  `reg_time` text
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

再送几条用户数据吧233

INSERT INTO `text_posts` (`id`, `uid`, `text`, `add_time`, `edit_time`, `other`) VALUES
(1, 8, '大家好我是一条XSS便签/w\\<script>mdui.snackbar({message: ''大家好我是一条XSS便签/w\\''});</script>', '1505649340', '1505649340', '{"type":"normal","display":"0"}'),
(2, 8, '大家好我是一条XSS便签/w\\<script>mdui.alert(''大家好我是一条XSS便签/w\\'');</script>', '1505649703', '1505649703', '{"type":"normal","display":"0"}');

最后

都说了语文不好啦文章写得不好别怪我哈😉

代码肯定有很多缺陷,希望各位大佬一一指出哦

对了,封面大图的✘是我用数位板画的233

本文采用 CC BY-NC-SA 4.0 许可协议。转载和引用时请注意遵守协议、注明出处!