前端采用 Bootstrap 4 开发的 Xiuno BBS 4.0 正式版发布

发布于 2018-01-22 06:31:30 | 231 次阅读 | 评论: 0 | 来源: 网友投递

Bootstrap Web前端CSS框架

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

最近 Bootstrap 4 发布了，可能会给前端带来一波 Flex 布局的潮流，比起传统的布局 flex 确实方便强大许多。考虑到 IE 市场份额的严重萎缩，移动端的兴起，稍微有点正常人类情感（人性）的技术负责人都会鼓励使用 flex 。

Bootstrap 4.0 这个版本一直光打雷不下雨了很长时间，大家都以为它要难产了，随着 Semantic, LayUI, Vue 在国内的兴起， BS 3 已经日渐衰退，不知道这波发布能不能力挽狂澜，至少我个人还是比较看好 BS 的，比起 Semantic 的语义歧义化问题，BS 更加严谨一些，而 4 做了很多简化很改进，比如

<div class="row">      <div class="col"> Left </div>      <div class="col"> Right </div>  </div>

自动等比布局，非常方便。而不该客气的地方，它也绝不客气 .row .col .small 这些改占用就占用。比如某些框架会用：

<button class="ui-btn-primary">

加一个 ui- 前缀，类似命名空间，防止冲突，这样写起来会表啰嗦，代码里会出现成片的 ui-，这样又走向了另外一个极端。工程的目的是为了正确、快速完成项目，在这方面 BS 还是把握的比较好。

Xiuno BBS 4.0 跟踪 Bootstrap 4 这个版本也很久了，从 alpha 3,4,5,6，跟踪到 beta 1,2,3，最后终于出来了，这也算是 Bootstrap 4.0 在国内开源的一次比较典型的应用。

Xiuno BBS 出来也有些年头了，因为 3.0 以后改动比较大，一直没定型流失了不少开发者，4.0 这次定稿发布有可能会带来一波新的插件开发和模板制作潮流。

这次改动并不大，主要是代码定型，方便二次开发。

主要的变化有：

一、代码风格定型：

对于底层的 DB CACHE API 采用 OO 方式封装，上层使用函数方式调用，简化了使用方式，方便新人平滑进入。

<?php     include "./xiunophp/xiunophp.min.php";  include "./model/user.func.php";     // 读取一个用户资料  $user = user_read(123);     // 更新一条用户资料  $r = user_update($uid, array('email'=>'xxx@gmail.com'));     // 删除一个用户  $r = user_delete($uid);     // 创建一个用户  $r = user_create(array('uid'=>1, 'gid'=>1, 'email'=>'xxx@gmail.com'));     // 查找一批用户  $userlist = user_find_by_gid($gid);     ?>

二、产品形态定型：轻论坛，界面自适应 PC，平板，手机