【Laravel5.5 笔记整理二】将模板引入框架（一）
注：以后台用户模块为例：
1. 定义路由
在 D:\phpStudy\PHPTutorial\WWW\laravel\routes\web.php 中定义路由,为了方便，采用资源路由：
- route/web.php
Route::resource('Admin', "IndexController"); // 可以访问后台 IndexController 中的所有方法2. 创建控制器
在 D:\phpStudy\PHPTutorial\WWW\laravel\app\Http\Controllers 下 创建一个 Admin文件夹 和 Home文件夹
在 Admin 下 创建一个 UserController.php 控制器
- UserController.php
namespace App\Http\Controllers\Admin;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use DB;
// 后台用户管理控制器
class UserController extends Controller
{
// 后台用户管理首页方法
public function index()
{
// 加载用户管理页面
return view('admin.user.index');
}
}3. 准备页面
在 D:\phpStudy\PHPTutorial\WWW\laravel\resources\views 下，创建一个 admin文件夹 专门放后台页面
在 admin文件夹 下 创建一个 user文件夹，放关于用户操作的一些页面
在 resources/ view / user 下，新建一个 index.blade.php
- index.blade.php
"utf-8">
"X-UA-Compatible" content="IE=edge">
Amaze UI Admin index Examples
"description" content="这是一个 index 页面">
"keywords" content="index">
"viewport" content="width=device-width, initial-scale=1">
"renderer" content="webkit">
"Cache-Control" content="no-siteapp" />
"icon" type="image/png" href="/admins/i/favicon.png">
"apple-touch-icon-precomposed" href="/admins/i/[email protected]">
"apple-mobile-web-app-title" content="Amaze UI" />
"stylesheet" href="/admins/css/amazeui.min.css" />
"stylesheet" href="/admins/css/admin.css">
"stylesheet" href="/admins/css/app.css">
"index">
class="am-topbar am-topbar-inverse admin-header">
<div class="am-topbar-brand">
<a href="javascript:;" class="tpl-logo">
<img src="/admins/img/logo.png" alt="">
a>
div>
<div class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right">
div>
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}">">导航切换 ">
" id="topbar-collapse">
list
tpl-header-list">
" data-am-dropdown data-am-dropdown-toggle>
list -link" href="javascript:;">
"> 提醒 ">5
">
- ">
你有 ">5 条提醒
###">全部
- class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-plus tpl-dropdown-ico-btn-size tpl-badge-success">span> 【预览模块】移动端 查看时 手机、电脑框隐藏。a>
<span class="tpl-dropdown-list-fr">3小时前span>
li>
<li class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-check tpl-dropdown-ico-btn-size tpl-badge-danger">span> 移动端，导航条下边距处理a>
<span class="tpl-dropdown-list-fr">15分钟前span>
li>
<li class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-bell-o tpl-dropdown-ico-btn-size tpl-badge-warning">span> 追加统计代码a>
<span class="tpl-dropdown-list-fr">2天前span>
li>
ul>
li>
<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
<a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
<span class="am-icon-comment-o">span> 消息 <span class="am-badge tpl-badge-danger am-round">9span>span>
a>
<ul class="am-dropdown-content tpl-dropdown-content">
<li class="tpl-dropdown-content-external">
<h3>你有 <span class="tpl-color-danger">9span> 条新消息h3><a href="###">全部a>li>
<li>
<a href="#" class="tpl-dropdown-content-message">
<span class="tpl-dropdown-content-photo">
<img src="/admins/img/user02.png" alt=""> span>
<span class="tpl-dropdown-content-subject">
<span class="tpl-dropdown-content-from"> 禁言小张 span>
<span class="tpl-dropdown-content-time">10分钟前 span>
span>
<span class="tpl-dropdown-content-font"> Amaze UI 的诞生，依托于 GitHub 及其他技术社区上一些优秀的资源；Amaze UI 的成长，则离不开用户的支持。 span>
a>
<a href="#" class="tpl-dropdown-content-message">
<span class="tpl-dropdown-content-photo">
<img src="/admins/img/user03.png" alt=""> span>
<span class="tpl-dropdown-content-subject">
<span class="tpl-dropdown-content-from"> Steam span>
<span class="tpl-dropdown-content-time">18分钟前span>
span>
<span class="tpl-dropdown-content-font"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。 span>
a>
li>
ul>
li>
<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
<a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
<span class="am-icon-calendar">span> 进度 <span class="am-badge tpl-badge-primary am-round">4span>span>
a>
<ul class="am-dropdown-content tpl-dropdown-content">
<li class="tpl-dropdown-content-external">
<h3>你有 <span class="tpl-color-primary">4span> 个任务进度h3><a href="###">全部a>li>
<li>
<a href="javascript:;" class="tpl-dropdown-content-progress">
<span class="task">
<span class="desc">Amaze UI 用户中心 v1.2 span>
<span class="percent">45%span>
span>
<span class="progress">
<div class="am-progress tpl-progress am-progress-striped"><div class="am-progress-bar am-progress-bar-success" style="width:45%">div>div>
span>
a>
li>
<li>
<a href="javascript:;" class="tpl-dropdown-content-progress">
<span class="task">
<span class="desc">新闻内容页 span>
<span class="percent">30%span>
span>
<span class="progress">
<div class="am-progress tpl-progress am-progress-striped"><div class="am-progress-bar am-progress-bar-secondary" style="width:30%">div>div>
span>
a>
li>
<li>
<a href="javascript:;" class="tpl-dropdown-content-progress">
<span class="task">
<span class="desc">管理中心 span>
<span class="percent">60%span>
span>
<span class="progress">
<div class="am-progress tpl-progress am-progress-striped"><div class="am-progress-bar am-progress-bar-warning" style="width:60%">div>div>
span>
a>
li>
ul>
li>
<li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen" class="tpl-header-list-link"><span class="am-icon-arrows-alt">span> <span class="admin-fullText">开启全屏span>a>li>
<li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
<a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
<span class="tpl-header-list-user-nick">禁言小张span><span class="tpl-header-list-user-ico"> <img src="/admins/img/user01.png">span>
a>
<ul class="am-dropdown-content">
<li><a href="#"><span class="am-icon-bell-o">span> 资料a>li>
<li><a href="#"><span class="am-icon-cog">span> 设置a>li>
<li><a href="#"><span class="am-icon-power-off">span> 退出a>li>
ul>
li>
<li><a href="###" class="tpl-header-list-link"><span class="am-icon-sign-out tpl-header-list-ico-out-size">span>a>li>
ul>
div>
header>
<div class="tpl-page-container tpl-page-header-fixed">
<div class="tpl-left-nav tpl-left-nav-hover">
<div class="tpl-left-nav-title">
Amaze UI 列表
div>
<div class="tpl-left-nav-list">
<ul class="tpl-left-nav-menu">
<li class="tpl-left-nav-item">
<a href="index.html" class="nav-link active">
<i class="am-icon-home">i>
<span>首页span>
a>
li>
<li class="tpl-left-nav-item">
<a href="chart.html" class="nav-link tpl-left-nav-link-list">
<i class="am-icon-bar-chart">i>
<span>数据表span>
<i class="tpl-left-nav-content tpl-badge-danger">
12
i>
a>
li>
<li class="tpl-left-nav-item">
<a href="javascript:;" class="nav-link tpl-left-nav-link-list">
<i class="am-icon-table">i>
<span>表格span>
<i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right">i>
a>
<ul class="tpl-left-nav-sub-menu">
<li>
<a href="table-font-list.html">
<i class="am-icon-angle-right">i>
<span>文字表格span>
<i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right">i>
a>
<a href="table-images-list.html">
<i class="am-icon-angle-right">i>
<span>图片表格span>
<i class="tpl-left-nav-content tpl-badge-success">
18
i>
<a href="form-news.html">
<i class="am-icon-angle-right">i>
<span>消息列表span>
<i class="tpl-left-nav-content tpl-badge-primary">
5
i>
<a href="form-news-list.html">
<i class="am-icon-angle-right">i>
<span>文字列表span>
a>
li>
ul>
li>
<li class="tpl-left-nav-item">
<a href="javascript:;" class="nav-link tpl-left-nav-link-list">
<i class="am-icon-wpforms">i>
<span>表单span>
<i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate">i>
a>
<ul class="tpl-left-nav-sub-menu" style="display: block;">
<li>
<a href="form-amazeui.html">
<i class="am-icon-angle-right">i>
<span>Amaze UI 表单span>
<i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right">i>
a>
<a href="form-line.html">
<i class="am-icon-angle-right">i>
<span>线条表单span>
a>
li>
ul>
li>
<li class="tpl-left-nav-item">
<a href="login.html" class="nav-link tpl-left-nav-link-list">
<i class="am-icon-key">i>
<span>登录span>
a>
li>
ul>
div>
div>
<div class="tpl-content-wrapper">
<div class="tpl-content-page-title">
Amaze UI 首页组件
div>
<ol class="am-breadcrumb">
<li><a href="#" class="am-icon-home">首页a>li>
<li><a href="#">分类a>li>
<li class="am-active">内容li>
ol>
<div class="tpl-content-scope">
<div class="note note-info">
<h3>Amaze UI 为移动而生
<span class="close" data-close="note">span>
h3>
<p> Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。p>
<p><span class="label label-danger">提示:span> Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果。
p>
div>
div>
<div class="row">
<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
<div class="dashboard-stat blue">
<div class="visual">
<i class="am-icon-comments-o">i>
div>
<div class="details">
<div class="number"> 1349 div>
<div class="desc"> 新消息 div>
div>
<a class="more" href="#"> 查看更多
<i class="m-icon-swapright m-icon-white">i>
a>
div>
div>
<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
<div class="dashboard-stat red">
<div class="visual">
<i class="am-icon-bar-chart-o">i>
div>
<div class="details">
<div class="number"> 62% div>
<div class="desc"> 收视率 div>
div>
<a class="more" href="#"> 查看更多
<i class="m-icon-swapright m-icon-white">i>
a>
div>
div>
<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
<div class="dashboard-stat green">
<div class="visual">
<i class="am-icon-apple">i>
div>
<div class="details">
<div class="number"> 653 div>
<div class="desc"> 苹果设备 div>
div>
<a class="more" href="#"> 查看更多
<i class="m-icon-swapright m-icon-white">i>
a>
div>
div>
<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
<div class="dashboard-stat purple">
<div class="visual">
<i class="am-icon-android">i>
div>
<div class="details">
<div class="number"> 786 div>
<div class="desc"> 安卓设备 div>
div>
<a class="more" href="#"> 查看更多
<i class="m-icon-swapright m-icon-white">i>
a>
div>
div>
div>
<div class="row">
<div class="am-u-md-6 am-u-sm-12 row-mb">
<div class="tpl-portlet">
<div class="tpl-portlet-title">
<div class="tpl-caption font-green ">
<i class="am-icon-cloud-download">i>
<span> Cloud 数据统计span>
div>
<div class="actions">
<ul class="actions-btn">
<li class="red-on">昨天li>
<li class="green">前天li>
<li class="blue">本周li>
ul>
div>
div>
<div class="tpl-echarts" id="tpl-echarts-A">
div>
div>
div>
<div class="am-u-md-6 am-u-sm-12 row-mb">
<div class="tpl-portlet">
<div class="tpl-portlet-title">
<div class="tpl-caption font-red ">
<i class="am-icon-bar-chart">i>
<span> Cloud 动态资料span>
div>
<div class="actions">
<ul class="actions-btn">
<li class="purple-on">昨天li>
<li class="green">前天li>
<li class="dark">本周li>
ul>
div>
div>
<div class="tpl-scrollable">
<div class="number-stats">
<div class="stat-number am-fl am-u-md-6">
<div class="title am-text-right"> Total div>
<div class="number am-text-right am-text-warning"> 2460 div>
div>
<div class="stat-number am-fr am-u-md-6">
<div class="title"> Total div>
<div class="number am-text-success"> 2460 div>
div>
div>
<table class="am-table tpl-table">
<thead>
<tr class="tpl-table-uppercase">
<th>人员th>
<th>余额th>
<th>次数th>
<th>效率th>
tr>
thead>
<tbody>
<tr>
<td>
<img src="/admins/img/user01.png" alt="" class="user-pic">
<a class="user-name" href="###">禁言小张a>
td>
<td>￥3213td>
<td>65td>
<td class="font-green bold">26%td>
tr>
<tr>
<td>
<img src="/admins/img/user02.png" alt="" class="user-pic">
<a class="user-name" href="###">Alex.a>
td>
<td>￥2635td>
<td>52td>
<td class="font-green bold">32%td>
tr>
<tr>
<td>
<img src="/admins/img/user03.png" alt="" class="user-pic">
<a class="user-name" href="###">Tinker404a>
td>
<td>￥1267td>
<td>65td>
<td class="font-green bold">51%td>
tr>
<tr>
<td>
<img src="/admins/img/user04.png" alt="" class="user-pic">
<a class="user-name" href="###">Arron.ya>
td>
<td>￥657td>
<td>65td>
<td class="font-green bold">73%td>
tr>
<tr>
<td>
<img src="/admins/img/user05.png" alt="" class="user-pic">
<a class="user-name" href="###">Yvesa>
td>
<td>￥3907td>
<td>65td>
<td class="font-green bold">12%td>
tr>
<tr>
<td>
<img src="/admins/img/user06.png" alt="" class="user-pic">
<a class="user-name" href="###">小黄鸡a>
td>
<td>￥900td>
<td>65td>
<td class="font-green bold">10%td>
tr>
tbody>
table>
div>
div>
div>
div>
<div class="row">
<div class="am-u-md-6 am-u-sm-12 row-mb">
<div class="tpl-portlet">
<div class="tpl-portlet-title">
<div class="tpl-caption font-green ">
<span>指派任务span>
<span class="caption-helper">16 件span>
div>
<div class="tpl-portlet-input">
<div class="portlet-input input-small input-inline">
<div class="input-icon right">
<i class="am-icon-search">i>
<input type="text" class="form-control form-control-solid" placeholder="搜索..."> div>
div>
div>
div>
<div id="wrapper" class="wrapper">
<div id="scroller" class="scroller">
<ul class="tpl-task-list">
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> Amaze UI Icon 组件目前使用了 Font Awesome span>
<span class="label label-sm label-success">技术部span>
<span class="task-bell">
<i class="am-icon-bell-o">i>
span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 在 data-am-dropdown 里指定要适应到的元素，下拉内容的宽度会设置为该元素的宽度。当然可以直接在 CSS 里设置下拉内容的宽度。 span>
<span class="label label-sm label-danger">运营span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 使用 LESS： 通过设置变量 @fa-font-path 覆盖默认的值，如 @fa-font-path: "../fonts";。这个变量定义在 icon.less 里。 span>
<span class="label label-sm label-warning">市场部span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 添加 .am-btn-group-justify class 让按钮组里的按钮平均分布，填满容器宽度。 span>
<span class="label label-sm label-default">已废弃span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 按照示例组织好 HTML 结构（不加 data-am-dropdown 属性），然后通过 JS 来调用。 span>
<span class="label label-sm label-success">技术部span>
<span class="task-bell">
<i class="am-icon-bell-o">i>
span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 添加 .am-btn-group-justify class 让按钮组里的按钮平均分布，填满容器宽度。 span>
<span class="label label-sm label-default">已废弃span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 使用 LESS： 通过设置变量 @fa-font-path 覆盖默认的值，如 @fa-font-path: "../fonts";。这个变量定义在 icon.less 里。 span>
<span class="label label-sm label-warning">市场部span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 添加 .am-btn-group-justify class 让按钮组里的按钮平均分布，填满容器宽度。 span>
<span class="label label-sm label-default">已废弃span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
<li>
<div class="task-checkbox">
<input type="hidden" value="1" name="test">
<input type="checkbox" class="liChild" value="2" name="test"> div>
<div class="task-title">
<span class="task-title-sp"> 按照示例组织好 HTML 结构（不加 data-am-dropdown 属性），然后通过 JS 来调用。 span>
<span class="label label-sm label-success">技术部span>
<span class="task-bell">
<i class="am-icon-bell-o">i>
span>
div>
<div class="task-config">
<div class="am-dropdown tpl-task-list-dropdown" data-am-dropdown>
<a href="###" class="am-dropdown-toggle tpl-task-list-hover " data-am-dropdown-toggle>
<i class="am-icon-cog">i> <span class="am-icon-caret-down">span>
a>
<ul class="am-dropdown-content tpl-task-list-dropdown-ul">
<li>
<a href="javascript:;">
<i class="am-icon-check">i> 保存 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-pencil">i> 编辑 a>
li>
<li>
<a href="javascript:;">
<i class="am-icon-trash-o">i> 删除 a>
li>
ul>
div>
div>
li>
ul>
div>
div>
div>
div>
<div class="am-u-md-6 am-u-sm-12 row-mb">
<div class="tpl-portlet">
<div class="tpl-portlet-title">
<div class="tpl-caption font-green ">
<span>项目进度span>
div>
div>
<div class="am-tabs tpl-index-tabs" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs">
<li class="am-active"><a href="#tab1">进行中a>li>
<li><a href="#tab2">已完成a>li>
ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div id="wrapperA" class="wrapper">
<div id="scroller" class="scroller">
<ul class="tpl-task-list tpl-task-remind">
<li>
<div class="cosB">
12分钟前
div>
<div class="cosA">
<span class="cosIco">
<i class="am-icon-bell-o">i>
span>
<span> 注意：Chrome 和 Firefox 下， display: inline-block; 或 display: block; 的元素才会应用旋转动画。<span class="tpl-label-info"> 提取文件
<i class="am-icon-share">i>
span>span>
div>
li>
<li>
<div class="cosB">
36分钟前
div>
<div class="cosA">
<span class="cosIco label-danger">
<i class="am-icon-bolt">i>
span>
<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加 .am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。span>
div>
li>
<li>
<div class="cosB">
2小时前
div>
<div class="cosA">
<span class="cosIco label-info">
<i class="am-icon-bullhorn">i>
span>
<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。span>
div>
li>
<li>
<div class="cosB">
1天前
div>
<div class="cosA">
<span class="cosIco label-warning">
<i class="am-icon-plus">i>
span>
<span> 部分用户反应在过长的 Tabs 中滚动页面时会意外触发 Tab 切换事件，用户可以选择禁用触控操作。span>
div>
li>
<li>
<div class="cosB">
12分钟前
div>
<div class="cosA">
<span class="cosIco">
<i class="am-icon-bell-o">i>
span>
<span> 注意：Chrome 和 Firefox 下， display: inline-block; 或 display: block; 的元素才会应用旋转动画。<span class="tpl-label-info"> 提取文件
<i class="am-icon-share">i>
span>span>
div>
li>
<li>
<div class="cosB">
36分钟前
div>
<div class="cosA">
<span class="cosIco label-danger">
<i class="am-icon-bolt">i>
span>
<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加 .am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。span>
div>
li>
<li>
<div class="cosB">
2小时前
div>
<div class="cosA">
<span class="cosIco label-info">
<i class="am-icon-bullhorn">i>
span>
<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。span>
div>
li>
ul>
div>
div>
div>
<div class="am-tab-panel am-fade" id="tab2">
<div id="wrapperB" class="wrapper">
<div id="scroller" class="scroller">
<ul class="tpl-task-list tpl-task-remind">
<li>
<div class="cosB">
12分钟前
div>
<div class="cosA">
<span class="cosIco">
<i class="am-icon-bell-o">i>
span>
<span> 注意：Chrome 和 Firefox 下， display: inline-block; 或 display: block; 的元素才会应用旋转动画。<span class="tpl-label-info"> 提取文件
<i class="am-icon-share">i>
span>span>
div>
li>
<li>
<div class="cosB">
36分钟前
div>
<div class="cosA">
<span class="cosIco label-danger">
<i class="am-icon-bolt">i>
span>
<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加 .am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。span>
div>
li>
<li>
<div class="cosB">
2小时前
div>
<div class="cosA">
<span class="cosIco label-info">
<i class="am-icon-bullhorn">i>
span>
<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。span>
div>
li>
<li>
<div class="cosB">
1天前
div>
<div class="cosA">
<span class="cosIco label-warning">
<i class="am-icon-plus">i>
span>
<span> 部分用户反应在过长的 Tabs 中滚动页面时会意外触发 Tab 切换事件，用户可以选择禁用触控操作。span>
div>
li>
<li>
<div class="cosB">
12分钟前
div>
<div class="cosA">
<span class="cosIco">
<i class="am-icon-bell-o">i>
span>
<span> 注意：Chrome 和 Firefox 下， display: inline-block; 或 display: block; 的元素才会应用旋转动画。<span class="tpl-label-info"> 提取文件
<i class="am-icon-share">i>
span>span>
div>
li>
<li>
<div class="cosB">
36分钟前
div>
<div class="cosA">
<span class="cosIco label-danger">
<i class="am-icon-bolt">i>
span>
<span> FontAwesome 在绘制图标的时候不同图标宽度有差异， 添加 .am-icon-fw 将图标设置为固定的宽度，解决宽度不一致问题（v2.3 新增）。span>
div>
li>
<li>
<div class="cosB">
2小时前
div>
<div class="cosA">
<span class="cosIco label-info">
<i class="am-icon-bullhorn">i>
span>
<span> 使用 flexbox 实现，只兼容 IE 10+ 及其他现代浏览器。span>
div>
li>
ul>
div>
div>
div>
div>
div>
div>
div>
div>
div>
div>
<script src="/admins/js/jquery.min.js">script>
<script src="/admins/js/amazeui.min.js">script>
<script src="/admins/js/iscroll.js">script>
<script src="/admins/js/app.js">script>
body>
html>
由于页面中的 css, js等文件的 路径 都是以 “/admins” 开头，由此可见，要在 public 目录下 新建一个 admins文件夹 将相关的css, js, img等文件放进去，否则无法生效
PS:
若是套用的模板，前两步的操作，还和上面的一样，第三步，要在 public 目录下，新建 admins 文件夹（一定是admins，admin无法访问，我也不知道原因是什么）, 然后将对应的 css, js 等文件放入其中，再将 resource / user/ index.blade.php 中的文件路径改为 /admins 开头的即可。
以前我的模板路径为 public 目录下，到网址访问，也是可以展示页面的。不过后期为了操作方便，将 assets文件名改为了 admins，同时将 路径改为了
assets文件夹：模板中用户存放各种字体样式，图片，css, JS 的文件的总目录
你可能感兴趣的:(Laravel)
- laravel项目中使用FFMPeg 剪裁视频
道系女孩~
phplaravel
#运行环境需安装的软件ffmpeg#安装的扩展pbmedia/laravel-ffmpeg:^8.3#扩展文档https://packagist.org/packages/pbmedia/laravel-ffmpeg#引入的类useFFMpeg\Coordinate\TimeCode;useFFMpeg\Format\Video\X264;useFFMpeg\Exception\RuntimeEx
- H5幸运刮刮乐抽奖源码 免公众号+直运营
破碎的天堂鸟
源码下载抽奖源码
H5幸运刮刮乐抽奖源码免公众号+直运营环境nginx1.18mysql5.6php7.2php安装扩展fileinfo删除所有禁用函数操作完成后重启php创建一个站点点击根目录上传源码并解压源码解压完成回到网站设置伪静态laravel5运行目录public创建一个数据库并导入数据库源码下载：https://download.csdn.net/download/m0_61505785/9048437
- laravel中 firstOrNew(), firstOrCreate(), updateOrInsert(), updateOrCreate() 方法的区别和实现原理
Amber_37
laravelphp
在Laravel中，firstOrNew,firstOrCreate,updateOrInsert,和updateOrCreate是用于处理数据库记录的常用方法，每个方法有其特定的用途和行为。下面是它们的主要区别和工作原理：1.firstOrNew目的:该方法主要用于查找数据库中与给定属性相匹配的第一条记录，如果找不到，则创建一个新的模型实例（但不会立即保存到数据库）。返回值:返回一个Eloque
- laravel 小技巧：为日志组件的非默认通道注册全局上下文 context
在使用laravel的日志组件（Facade门面模式）时，我们可以通过withContext方法为请求周期注册全局的上下文信息，用来做RequestID/TraceId类的请求链路追踪，非常的方便。但在10-以下的版本中，withContext只能为默认日志通道注入全局上下文，在非默认通道的场景，比如cli下，就无法优雅的实现了。但如果你了解Service，ServiceProvider，Faca
- Laravel后台管理解决方案：admin-laravel实战
韦臻
本文还有配套的精品资源，点击获取简介：admin-laravel为Laravel框架提供了一个专门优化和封装的管理后台，支持认证授权、前端UI框架、表单构建、数据展示、API集成、错误日志处理、自定义命令、扩展性、安全防护等功能，旨在帮助开发者高效搭建后台管理系统。通过提供详细的文档和示例代码，它简化了安装、配置和操作流程，确保代码质量和可维护性。1.Laravel后台开发框架概述简介Larave
- laravel使用elasticsearch
菜菜c
PHPelasticsearchlaravel搜索引擎
laravel使用elasticsearchlaravel中安装扩展包composer安装elasticsearch扩展包Elasticsearch官方提供了Composer包，在引入时需要注意要指定版本，因为不同版本的Elasticsearch的API略有不同，因为我用的是7.12.x，因此需使用~7.12.x来指定包版本。composerrequireelasticsearch/elastic
- P11：利用marked+highlight.js重构前台文章详细页面
知其黑、受其白
ReactHooks+Laravel制作博客javascript前端react.js
ReactHooks+Laravel前端博客实战阐述安装marked和highlight.js重构`detailed.js`文件增加Code的高亮显示CSS样式的更换MySQL数据阐述之前我们在博客文章详细页使用了react-markdown模块，但是这个插件的配置项还是太少了，而且我也没做太多的技术调研，所以我决定转回我目前项目中使用的一套方案marked+highlight.js。这个方案是比
- Laravel Elasticsearch 教程
贾泉希
LaravelElasticsearch教程laravel-elasticsearchElasticsearchforLaravel项目地址:https://gitcode.com/gh_mirrors/lar/laravel-elasticsearch本指南将帮助您了解laravel-elasticsearch开源项目的基础，包括其目录结构、启动文件以及配置文件的简介，以便您可以顺利地在Lara
- Laravel如何实现MySQL分库分表的功能？使用场景是什么？底层原理是什么？
快点好好学习吧
Laravellaravelmysqlphp
一、MySQL分库分表的定义1.核心定义分库（Sharding）：将数据分散到多个数据库中，以减轻单个数据库的压力。分表（Partitioning）：将一个大表拆分为多个小表，通常基于某种规则（如用户ID或时间戳）。目的：提高系统的扩展性、性能和可用性。二、使用场景1.常见使用场景高并发系统：数据量巨大且访问频率高的场景（如电商平台、社交网络）。大数据存储：单表数据量超过千万甚至亿级时，需要分表以
- Laravel 多图片上传
—Qeyser
HtmlLaravellaraveljavascript前端
Laravel+htmljs图片上传实现前端代码多图片上传（最多5张）.image-preview{display:flex;flex-wrap:wrap;margin-top:20px;}.image-previewimg{max-width:100px;max-height:100px;margin:5px;border:1pxsolid#ccc;border-radius:5px;}.upl
- 踩坑记录-用python解析php Laravel8生成的jwt token一直提示 Invalid audience
陈钇谷
pythonphpandroid
importjwtdeftoken_required(token):withopen('storage/oauth-public.key','r')asf:public_key=f.read()try:#尝试使用当前算法解码token，同时指定受众decoded=jwt.decode(token,public_key,algorithms=['RS256'],options={"verify_au
- composer install 中出现用户名密码错误问题的解决方法
kge888
laravelcomposergitgitcomposerlaravel
问题背景：laravel项目新从git上拉取下来，初次进行composer重构，在执行composerinstall的时候，执行中断报如下错误：[RuntimeException]Failedtoexecutegitclone--no-checkout"[email protected]:xx/api-client.git""C:\phpStudy\PHPTutorial\WWW\xxx\vendor
- FastAdmin 与其他后台框架的对比分析
奥顺
phpsqlite数据库
FastAdmin与其他后台框架的对比分析引言在现代Web开发中，后台管理系统是支持各种应用程序的核心部分。随着需求的多样化，许多后台框架应运而生。本文将对FastAdmin与其他常见后台框架（如DjangoAdmin、LaravelNova、AdminLTE）进行对比分析，以帮助开发者选择合适的工具。FastAdmin简介FastAdmin是一个基于ThinkPHP框架的后台管理系统，提供了快速
- 【黑科技】：Laravel 项目性能提升 20 倍
frandiy
laravelphpthinkphp
令人激动的黑科技：Laravel项目性能提升20倍这个项目能够在无需修改任何代码且无需第三方扩展的前提下，将你的Laravel项目性能提高20倍。它仅依赖于PHP原生的pcntl、posix、fiber和sockets。项目灵感起因是看到官方发布的PHP8.1更新中引入了fiber特性，看到这则消息时我非常激动，我仿佛看到了PHP的更多可能性。再结合我对Swoole和Workerman的工作流程了
- [黑科技]无需修改任何代码和扩展将你的Laravel项目性能提高20倍
frandiy
laravel
我要分享一个令人激动的黑科技：这个项目能够在无需修改任何代码且无需第三方扩展的前提下，将你的Laravel项目性能提高20倍。它仅依赖于PHP原生的pcntl、posix、fiber和sockets。项目灵感起因是看到官方发布的PHP8.1更新中引入了fiber特性，看到这则消息时我非常激动，我仿佛看到了PHP的更多可能性。再结合我对Swoole和Workerman的工作流程了解得出结论：它能够完
- laravel11设置中文语言包
码农Robin
laravel
安装中文语言包Laravel11默认没有内置完整中文语言包，推荐使用第三方维护的完整翻译：#通过Composer安装语言包composerrequirelaravel-lang/common--dev#发布中文语言文件到项目phpartisanlang:addzh_CN这会自动将中文语言文件生成到lang/zh_CN目录。配置应用语言修改.env文件设置默认语言：APP_LOCALE=zh_CN或
- Laravel 中强大的tap你用过么
事业运财运爆棚
android
在本文，我们将讨论Laravel中的tap。我们将详细讨论tap帮助函数和collection中的tap方法。Tap帮助函数旧的实现方式Laravel提出了一个tap功能。这是一个非常奇怪的功能，受Ruby的启发。这是tap助手功能的基本实现。functiontap($value,$callback){$callback($value);return$value;}上面的代码将接受一个参数，它将使
- laravel框架中实现封装公共方法全局调用
陈卿诺语
phplaravellaravel服务器php
1.创建functions.php在app/Helper/下新建一个文件functions.php,在内部补充如下代码：20000,'msg'=>$msg,'data'=>$data);exit(json_encode($result));}functionerror($msg='',$data=array()){$result=array('code'=>50000,'msg'=>$msg,'d
- 【RabbitMQ】【Laravel】【PHP】Laravel 中使用 RabbitMQ
gskyi
PHPlaravelRabbitMQphprabbitmqlaravel
在Laravel中使用RabbitMQ，通常需要安装RabbitMQ客户端库，并在Laravel项目中进行适当配置。php-amqplib是常用的PHPRabbitMQ客户端库，Laravel也有一些扩展包，方便集成RabbitMQ。下面是如何在Laravel中使用RabbitMQ的详细步骤：1.安装所需的扩展包在Laravel项目中，推荐使用vladimir-yuldashev/laravel-
- Github 2025-02-02 php开源项目日报 Top10
老孙正经胡说
githubphp开源Github趋势分析开源项目PythonGolang
根据GithubTrendings的统计，今日(2025-02-02统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10Blade项目1Laravel：表达力和优雅的Web应用程序框架创建周期：4631天开发语言：PHP,BladeStar数量：75969个Fork数量：24281次关注人数：75969人贡献人数：399人OpenIssues数量：32个
- uniapp备注备忘录系统个人计划日程系统 微信小程序设计与开发 016og
QQ242219979
uni-app微信小程序小程序
技术栈支持以下技术栈开发运行：微信开发者/hbuilderx前端开发框架:vue.js数据库mysql版本不限后端语言框架支持：1java(SSM/springboot)-idea/eclipse2.Nodejs+Vue.js-vscode3.python(flask/django)–pycharm/vscode4.php(thinkphp/laravel)-hbuilderx数据库工具：Navi
- laravel 集合按子集中指定键排序
lihuang319
//按距离由近到远排序,按子集中指定键排序，参考https://coderwall.com/p/favqga/sorting-nested-laravel-collections$res=$recruitSubject->with(['recruitGroup'=>function($query){$query->with(['recruitGroupAddress']);}])->withCou
- 深入解析PHP反序列化漏洞：原理、利用与防护
垚垚 Securify 前沿站
十大漏洞网络系统安全php开发语言web安全struts安全
目录引言什么是PHP反序列化？序列化与反序列化反序列化漏洞PHP反序列化漏洞的原理魔术方法漏洞示例PHP反序列化漏洞的利用场景1.文件读写2.远程代码执行（RCE）3.权限提升实际案例分析1.Typecho反序列化漏洞2.Laravel反序列化漏洞如何防护PHP反序列化漏洞？1.避免反序列化用户输入2.使用白名单机制3.禁用危险魔术方法4.使用安全的序列化库5.日志监控总结8.参考资源引言PHP反
- 学习路之微服务--PHP中实现微服务几种方式
hopetomorrow
微服务学习微服务php
学习路之微服务--PHP中实现微服务实现微服务是一种将应用程序拆分成小型、独立的服务，每个服务都专注于完成特定的业务功能。通过这种方式，可以实现系统的高可伸缩性、可靠性和可维护性。在PHP中实现微服务可以采用以下几种方法：使用框架和组件：PHP提供了许多流行的框架和组件，如Laravel、Symfony和Lumen等，这些框架提供了许多开箱即用的功能，可以简化微服务的开发。可以使用这些框架来创建独
- php web中间件有哪些,HTTP 中间件
德尔巴
phpweb中间件有哪些
HTTP中间件由学院君创建于5年前,最后更新于11个月前版本号#251498views40likes0collects1、简介HTTP中间件提供了为过滤进入应用的HTTP请求提供了一套便利的机制。例如，Laravel内置了一个中间件来验证用户是否经过授权，如果用户没有经过授权，中间件会将用户重定向到登录页面，否则如果用户经过授权，中间件就会允许请求继续往前进入下一步操作。当然，除了认证之外，中间件
- php mongodb分组查询,Laravel使用MongoDB复杂的查询
weixin_39633165
phpmongodb分组查询
1、Laravel使用的mongodb库composerrequirejenssegers/mongodb2、分组查询用户表中包含city_id：城市IDsex：性别，1男，2女age：年龄需要通过城市ID分组查询性别未男女的平均值，那么在laravel中实现如下，其他框架也大同小异$cityId=1;//城市ID$count=UserModel::query()->raw(function($c
- 框架安全-CVE 复现&Spring&Struts&Laravel&ThinkPHP漏洞复现
网络安全小张
安全springstrutsweb安全网络服务器
目录服务攻防-框架安全&CVE复现&Spring&Struts&Laravel&ThinkPHP*概述PHP-开发框架安全-Thinkphp&Laravel*漏洞复现*Thinkphp-3.XRCEThinkphp-5.XRCELaravel框架安全问题-CVE-2021-3129RCEJAVAWEB-开发框架安全-Spring&Struts2*Struts2框架安全*漏洞复现*S2-009远程执
- Docker小记
BLACKVEIL
docker容器运维
Docker小记文章目录Docker小记常用命令清理docker推送**WSL2**后端教程：http://www.bjpowernode.com/docker/docker安装：https://blog.csdn.net/qq_42362605/article/details/124898062常用命令https://learnku.com/laravel/t/69140WSL2是不支持syst
- Laravel Scout Elastic 安装与使用指南
邴梅忱Walter
LaravelScoutElastic安装与使用指南laravel-scout-elasticElasticDriverforLaravelScout项目地址:https://gitcode.com/gh_mirrors/la/laravel-scout-elastic1.目录结构及介绍LaravelScoutElastic是一个针对Laravel框架的扩展包，它允许开发者利用Elasticsea
- Laravel框架的视图操作主要通过Blade模板引擎实现
星糖曙光
后端语言（node经验分享笔记laravel开发语言php
以下是详细操作指南：一、视图文件存储与命名规则存储位置：视图文件默认存放在resources/views目录下命名规范：文件名建议小写，多级目录使用.分隔（如admin.profile对应resources/views/admin/profile.blade.php）推荐使用.blade.php后缀以支持Blade模板语法，若使用.php则需原生PHP语法输出变量二、视图渲染与变量传递基础渲染：r
- web报表工具FineReport常见的数据集报错错误代码和解释
老A不折腾
web报表finereport代码可视化工具
在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。 NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
- Java的WeakReference与WeakHashMap
bylijinnan
java弱引用
首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
- Linux——（hostname）主机名与ip的映射
eksliang
linuxhostname
一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
- oracle 常用技巧
18289753290
oracle常用技巧 ①复制表结构和数据 create table temp_clientloginUser as select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into mytable select * &nb
- 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException
酷的飞上天空
exception
有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
- IT系统分析师如何学习大数据
蓝儿唯美
大数据
我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
- spring学习——简介
a-john
spring
Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
- 自定义颜色的xml文件
aijuans
xml
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
- 运营到底是做什么的？
aoyouzi
运营到底是做什么的？
文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
- js面向对象类和对象
百合不是茶
js面向对象函数创建类和对象
接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下 ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似 下面介绍一些js的类和对象的创建的技术 一:类和对
- web.xml之资源管理对象配置 resource-env-ref
bijian1013
javaweb.xmlservlet
resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
- Create a composite component with a custom namespace
sunjing
https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace When you developed a composite component the namespace you would be seeing would
- 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter
bit1129
mongodb
一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
- Javascript开发笔记
白糖_
JavaScript
获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
- Web浏览器Chrome打开一段时间后，运行alert无效
bozch
Webchormealert无效
今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。 结果就好了，这也太怪异了。难道是cho
- 编程之美-高效地安排会议 图着色问题 贪心算法
bylijinnan
编程之美
import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
- 机器学习相关概念和开发工具
chenbowen00
算法matlab机器学习
基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
- [宇宙经济学]关于在太空建立永久定居点的可能性
comsci
经济
大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........ 所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
- oracle 11g database control 证书错误
daizj
oracle证书错误oracle 11G 安装
oracle 11g database control 证书错误 win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
- Java I/O之用FilenameFilter实现根据文件扩展名删除文件
游其是你
FilenameFilter
在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
- C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例
dcj3sjt126com
carray
# include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
- PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引
dcj3sjt126com
primary
PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号 INT会员姓名
- java集合辅助类 Collections、Arrays
shuizhaosi888
CollectionsArraysHashCode
Arrays、Collections 1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); } a）Arrays.asL
- Spring Security（10）——退出登录logout
234390216
logoutSpring Security退出登录logout-urlLogoutFilter
要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
- 透过源码学前端 之 Backbone 三 Model
逐行分析JS源代码
backbone源码分析js学习
Backbone 分析第三部分 Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
- SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter
乒乓狂魔
springMVC
这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
- 分布式基础知识和算法理论
bluky999
算法zookeeper分布式一致性哈希paxos
分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218 在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
- Android Studio的.gitignore以及gitignore无效的解决
bell0901
androidgitignore
github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 # OSX files //mac os下 .DS_Store
- 成为高级程序员的10个步骤
tomcat_oracle
编程
What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。 Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
- mongdb在linux下的安装
xtuhcy
mongodblinux
一、查询linux版本号： lsb_release -a LSB Version: :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa