对小站的程序做了一些优化

杂散   868阅读

这次是专门对安满小站的源程序做了一些优化。前台页面的模板做了一些修改,后台的模板进行了完整的替换,作为一个博客程序,增加了一些博客的功能。整体的效果,改善界面的体验,修复功能。

写程序之前,我对安全的问题确实比较担忧,使用了比如防XSS、防跨站、防SQL注入的办法,但是在安全方面的工作是做不完的。

前端改用bootswatch的样式

最初的时候使用的是FLAT风格,这也是一套基于Bootstrap的风格,最近发现了bootswatch样式,同样是FLAT风格,但是引入的文件要少,只需要将bootstrap的css文件夹内地bootstrap.min.css文件替换即可,更加的方便。

页面排版使用h5的标签

使用h5的标签,比如header,nav,footer,section,article,aside等,这都是现学现用的。在自适应方面也考虑了一下,但是当我看到别人的博客风格的时候,总觉得自己弄的这个实在好丑。

在右边栏增加了最新的评论列表

现在看到的页面右边栏有一块是显示最新的十条评论内容的,博客程序大多都有这个。

全站添加word-break样式

word-break样式是为了把类似一长串数字这样的内容能够在指定的标签内显示,不会超出标签的边界。

评论增加邮件发送功能

邮件发送功能,访客在这里做了评论,如果评论被回复了,也没有一个提醒的东西,是不好,因为我并不能要求大家每天过来检查看有没有被回复。于是增加了回复成功的同时发送通知邮件的代码。

邮件发送的逻辑是这样的:对文章评论,不触发邮件发送代码,因为我不打算接受来自自己的邮件。对别人的评论进行回复时,评论成功时自动触发邮件发送代码,将会从我的邮箱发送一封邮件到那个人的邮箱。

后台模板使用Adminlte

Adminlte是一套基于bootstrap的开源后台框架,我也是在找了很久之后才找到的,为了找一个好看的后台框架真是累。之前使用的HUI是国内的一个框架,用着还行,但感觉还是要替换掉。

1478403408750840.png

左边菜单栏是可以收缩起来的。

总结:

安满小站是基于CodeIgniter框架编写的小型的程序,首先一些文章、栏目、评论、链接、用户的管理功能。

1478404235963950.png

喜欢请常来,打赏请随意。

  1. Betty    回复

    后!台!好!看! 不过我等手残星人就不挑战了。
  2. 安满    回复

    @Betty:你这四个字铿锵有力。你用的wordpress怎么变后台模板,一想就感觉很复杂
  3. Mr.He    回复

    自己弄的程序,真强大~ ps:用火狐浏览器浏览文章时,提示“请求超时,请稍后再试!”
  4. 安满    回复

    @Mr.He:那个请求超时的问题是因为调用了百度打赏组件的js,这个应该是它的一个bug,抛弃百度打赏组件了,自己弄了一个打赏代码
  5. 灰狼    回复

    厉害了word哥,自己开发程序。
  6. 摩天之星    回复

    最好测试下邮件发送的位置,受到不少评论跑到垃圾箱里了
  7. 馋丫风独味    回复

    懂代码真好。
  8. 安满    回复

    @灰狼:谈不上厉害呢
  9. 姜辰    回复

    代码大神好~~~
  10. 老杨    回复

    折腾得很幸福!html5 不能简称 h5 吧?
  11. 安满    回复

    @老杨:这个我没有细究,请指正
  12. 钛客志    回复

    一直以为博主的博客是wordpress来的,没想到是用的CodeIgniter框架写的,博主就不打算分享出来给大伙儿测试一下bug
  13. 安满    回复

    @钛客志:我担心测出bug之后来不及更新程序,尤其是安全漏洞。所以暂时不打算分享出来。