首页
学习
活动
专区
圈层
工具
发布

引入 SB Admin 2 作为后台管理系统主题

最终后台界面效果图如下(依次是专辑列表页、发布文章页、消息列表页): ? 专辑列表页 ? 新增文章页 ?...文章列表页 这里我们引入了基于 Bootstrap 框架的 SB Admin 2 作为后台管理系统的主题,你可以从 Start Bootstrap 网站 预览并下载这个主题,或者通过 NPM 来下载安装...然后新建 table.js 引入 datatables 组件相关代码用于渲染表格: require('startbootstrap-sb-admin-2/vendor/datatables/jquery.dataTables...,这里引入 SB Admin 2 提供的 Sass 源代码即可: @import "~startbootstrap-sb-admin-2/scss/sb-admin-2"; 通过 Laravel Mix...编译前端资源 做好以上准备工作后,就可以在 webpack.mix.js 中将上述资源文件编译打包为对应的 JavaScript 和 Css 代码了: const mix = require('laravel-mix

5.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    开源文档管理系统 Wizard 1.2 发布

    趁着这个热度,当时就想给我在2017年开源的 Wizard 项目写一篇文章,大概介绍一下 Wizard 支持的功能。但无奈刚好那段时间工作太忙,一直没有时间来好好梳理一下。...bug Markdown 增加 框架页展示 支持 更多功能更新参考项目的 Releases 页面。...表格文档展示 ? 文档差异对比 ? 更多功能展示请查看项目的 Wiki 文档。 关于代码 项目采用了 Laravel 框架开发,目前版本已经升级到 5.8(最开始为5.4,一路升级过来)。...总结 如果你在为公司寻找一款开源免费的 开发文档/API文档管理 工具,不妨考虑一下 Wizard 项目(多一个选择,为什么不尝试下呢),一定不会让你失望的。...最后,赶紧去 Star 一波,顺便给我个 Star ,你的支持是我坚持下去的动力 !如果再能贡献点 Issues 或者 PR,那就更好啦 ?!

    6.1K20

    2018年laravel教程第1节搭建项目phpstorm添加laravel代码提示新建路由和控制器渲染页面定义公共模板文件公共头部和底部小结

    laravel 不管你用的是哪个框架,作为PHP开发者,都很有必要学laravel laravel虽好,入门门槛却不低,尤其对于习惯了使用thinkphp的同学,切换到laravel还是有些难度的,因此...,本系列laravel教程会详细地演示如何用laravel开发一个简易的网站。...功能主要有: 注册、登录 用户增删改查 用户权限管理 文章增删改查 用户互相关注 通过以上业务,我们将熟悉laravel的常用工作流,由于不同人的知识储备不一样,教程不可能顾及到方方面面,如果看到有些环节不懂...服务器,以nginx为例: 我的本地host配置为:http://local.laravel.com server { listen 80; server_name local.laravel.com...欢迎页 欢迎而对应的页面是:LaravelStudy/resources/views/welcome.blade.php phpstorm添加laravel代码提示 phpstorm默认对于laravel

    2.7K20

    编程新手如何通过ChatGPT一天完成一个MVP产品

    结构,包括列表页和详情页(列表页提取待爬取页面链接,详情页用于提取真正要爬取的内容,以 Laravel 10 文档为例,分别是 https://laravel.com/docs/10.x 和 https...://laravel.com/docs/10.x/requests,详情页通常有多个,这里这是举例),因为大多数爬虫框架都是基于 CSS 选择器对页面元素进行提取,Colly 也不例外,底层是基于 goquery...以 jQuery 语法实现对页面元素的匹配和提取的。...第二步:以 https://laravel.com/docs/10.x/requests 为例,文档内容位于页面右侧主体部分,即 div#main-content 元素中的内容: 要爬取这样的两级页面...此外 OpenAI 的接口也并不稳定,并发量上来之后经常挂掉,我在 Twitter 上也看到好多人吐槽,所以目前我觉得还不太适合大规模商业。

    1.8K50

    基于SpringBoot的任务管理平台v1.0正式发布

    技术上,前端采用jquery(部分用到jqgrid),网站模板采用ace模板,java前端模板采用的是Thymeleaf,java服务端模板即springboot,orm采用mybatis,数据库是mysql...有问题可以在公众号中联系我~ 三、基本功能介绍 1、登陆 登陆页面见上图,目前就实现登陆功能,注册和忘记密码还没实现,后续版本可能会实现。 2、主页 ?...其中,这里的分页插件以及项目增删改查的时候表格的刷新,都是通过jquery的插件jqgrid实现的,因此对信息的改动会实时反应到表格中。 4、任务管理 技术实现上,类似用户管理,不详细介绍。...另外,php部分,我打算年底前找时间把laravel学了,一直知道这个优秀的框架却还没时间学,另外还有js的vue框架。 其他方面,算法、数据库等,仍会持续不间断发推送。...这个springboot项目,应该还会持续更新(毕竟是我发github的第一个项目),另外laravel项目如果做完也会尽快发github的。

    2.1K50

    通过 Laravel 创建一个 Vue 单页面应用(三)

    如果你还没有读过通过 Laravel 构建 Vue 单页应用的 第一部分 和 第二部分,我建议你先去看看,再回到这里。我会在这里等你。...如果你是 Laravel 的新手,你可以查阅在 数据库入门 上的大量文档。...我引入了三个计算属性(nextPage,prevPage和paginatonCount)来确定下一页和上一页的页码,并 paginatonCount 显示了当前页码的可视计数和总页数。...下一个和上一个按钮使用计算出的属性来确定是否应禁用它们,而 goTo 方法使用这些计算出的属性将 page 查询字符串参数推入下一页或上一页。...当下一页或上一页在第一页和最后一页的边界处为空时,将禁用这些按钮。 代码中可能有一些冗余,但是此组件说明 vue-router了在进入路由之前用于获取数据的方法!

    7.2K10

    bootStrapTableJs 怎么引入VUE进行做项目

    bootStrapTableJs介绍 首先这是一款处理表格的js,我们如果写element习惯了会发现其实表格的处理是业务中相对简单的,他没有什么很强的交互,就是拿到数据,按照头部和body对应起来就可以了...按照文档写的就可以了,不写demo了。...因为我没有接口,没办法直接拿到后端的数据,所以写了一个mockjs文件,模拟请求接口的情况,这是我的JS文件,您如果有后端数据的话,下面的步骤可以不做 mockjs文件 let tabelList...showFullscreen: true, //是否全屏 minimumCountColumns: 5, //最少几条不显示分页 paginationPreText: '上一页...', //上一页 paginationNextText: '下一页', //下一页 pageList: [5, 10, 15], //可供选择的每叶条数

    1.9K20

    一个治愈JavaScript疲劳的学习计划

    如果你已经能用一些像PHP,Python这样的语言完成后端工作,又或者能用一些前端的库实现一些简单的操作,例如JQuery。 如果你想在前端更上一层楼,却又被各种框架和库困扰得不知从何开始。...我们会略过的内容 一个现代 JavaScript Web app 应该长什么样 为什么你不能只使用 JQuery 为什么 React 是最安全的选择 为什么你可能无需先把 JavaScript 学习得太透彻...JavaScript Apps 的构造模块 要理解为什么现代 JavaScript apps 看起来这么复杂,你必须首先明白它们是如何工作的。...客户端与服务器之间 如果有这么多的缺点,那么为什么还要搞那么麻烦? 为什么不坚持老旧的 PHP 应用程序呢?...在某个点(临界点)上,你会被迫中止并且重构一切,或是最终裁在难以维护的意大利面条式的代码下。 ? 这正是为什么你不应“只使用 JQuery”。

    1K20

    PHP Laravel框架中关于db migration的一个无解深坑

    throw new \Exception("出现错误"); }); } 在上面这个例子中,我的本意是想要创建两个表格。...然而在第一个表格创建完了以后,第二个表格出现错误导致创建失败了。...按照正常流程,我在上线时应该执行如下指令创建表格 php artisan migrate 由于第二个表格创建失败,这时候上面的指令必然会报错。然而报错之后你应该怎么做呢?...总结一下这一无解深坑: db migration进行到一半时出错,此时只能手动操作数据库把已经执行的操作回滚掉,无法再通过artisan指令进行回滚 3. 为什么无解?...目前只能想到一些预防此问题出现的办法。根据GitHub上的开发者建议,最好每一个CREATE TABLE、ALTER TABLE操作都是一个单独的migration。

    2.9K60

    JS简史

    编程语言就是用来让用户解决这些问题的工具,而用在web或其他地方的JS自然也没有什么不同。有些人乐于细数JS的种种不是,我也不否认确实有很多问题,但对于其他语言来说也是这样的。...Nelson 说:“数年来我在尝试用 jQuery 和纯 JS 搭建好用的单页应用的过程中屡战屡败,直到我偶然发现了 AngularJS,它教会了我应用模型不用纠结在 DOM 中。...所有这些框架都倾向于解决相同的问题:创建很多工具方便开发者快速构建,以使单页 web 应用能很好的工作于多种设备上。...它们很注重数据流和显示:基本上,对于取得终端用户所需的显示数据,并在数据变化时自动更新显示这部分工作,减轻了开发者必须的工作量。...从性能考虑,书写纯 JS 代码几乎肯定会更快(除非你的程序不优化),即便是在更老更慢的设备上。和很多开发者一样,Smith 对这种新关注点很兴奋:“我从 Vanilla JS 获得了很多回报。

    2K40

    【Laravel系列1】进入 Laravel 的世界

    在这其中,我们主要学习的就是 Laravel 框架,那么为什么是 Laravel 呢?明明 TP 、 Yii 也是很多人在使用的呀。...为什么是 Laravel 一说到 PHP 的框架,三巨头是绕不开的,也就是 ThinkPHP 、Yii 以及我们马上要学习的主角 Laravel 。...不过,Swoole 相关的框架就不在我们这个系列的学习讨论中了,以后再开专门的系列文章来进行学习。...目前在工作使用的,正是 Laravel 和 Hyperf 。 注:Hyperf 中很多东西也有 Laravel 的影子,甚至很多内容是可以无缝迁移的。 Laravel 优雅吗?...而 Laravel ,正是为了解决这个问题,将你的代码规范起来。或者说,在底层上,代码是很规范的,至于上层代码怎么样,就看你能不能有自己的规范了。当然,我们也不能忽略 PSR 系列规范的作用。

    2.1K20

    技术创作101训练营第2季直播内容分享要点

    、可以略慢;利用好重读;去掉口头禅; 着装 不邋遢即可 记得住 我们试图让对方记住的东西越少,反而演讲的效果会越好 要点: 图 字:提纲挈领,不是越多越好 图:清晰多用表格,多用数字 排版 金句 标题...数字:20个月超2亿用户的xx单车架构演进历程 简单:移动直播技术秒开优化历程 悬念:引发用户好奇心 故事 能传播 讲好故事 背景:快速导入 情绪:我和你一样;我懂你;大家都有相似之处;我还不如你呢;...忘词了 补充之前讲的顺的地方的细节,努力让自己回到正轨 提问答不上 严重偏离演讲内容:问到盲点: 1....不是我做的,只能介绍简单的思路 沈剑 了解观众的特征和诉求 给客户进行讲解:听众主要是想了解产品,打消疑虑 总结、述职、汇报:听众主要是想了解工作成果,潜在困难,未来规划 技术大会:听众主要是想学习知识...除非,PPT是别人写的 观众眼中”演讲者的表现“比演讲者的”自我感觉“,往往更好,”不被察觉的紧张,就是不紧张“ 微笑能消除紧张感,微笑让人更自信 好的开场是成功的一半 我是谁 我为什么有资格讲这个topic

    1K323

    jquery datatables之Requested unknown parameter for row column

    jquery datatables是一款应用特别广泛的表格js插件,只需进行简单的设置就可以运行起来,更多详情可以参考官网:https://www.datatables.net/manual/index..._记录", "zeroRecords": "没有匹配的数据", "info": "第_PAGE_页/共 _PAGES_页;总共有 _TOTAL_ 条记录..., "next": "下一页", "previous": "上一页" } }, "columnDefs": [ { "targets": 0, "data...": "userName", "defaultContent":null } 这是jquery datatables比较常见的配置片段,注意上面标红部分,如果userName属性为null或者...' for row 2, column 5”之类的错误提示,为什么出现这个问题呢,擒贼先擒王,下面给出出现问题的具体位置: function _fnGetCellData( settings, rowIdx

    1.3K10

    Pagoda:Go 程序员的 Web 开发入门套件

    这位软件工程师说:“这是我第一次说我爱上了一种编程语言,甚至是某种技术或工具,但确实是那种反应 —— 我真的非常非常喜欢它。我知道我想用它工作。”...有一天,他看到一篇 Hacker News 的帖子,询问开发者他们个人项目的首选 web 技术栈是什么。 他说:“我坐在那里思考,‘我实际上没有这个问题的答案’。...Stefanello 说:“如果你是 Go 的新手,这会让人感到困惑:为什么没有一个框架,为什么人们不喜欢它?但我认为你使用 Go 的次数越多,你就越开始欣赏它。”...即使他停止维护 Pagoda,Web 开发者也能拥有他们所需的一切,以便继续。 “我基本上只是为你做了很多工作,然后你可以从那里接手,”他说。...Alpine.js,Stefanello 说它很像 JQuery,但适用于现代 Web。它是一个最小的工具,用于直接在标记中组合行为。

    50210
    领券