https://www.laraveladmin.cn/

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
6    <meta http-equiv="Pragma" content="no-cache" />
7    <meta http-equiv="Expires" content="0" />
8    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9    <meta name="robots" content="all,follow">
10    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
11    <title></title>
12    <meta name="keywords" content="LaravelAdmin,LaravelAdmin官网,LaravelAdmin单页面应用,LaravelAdmin前后端分离,Laravel后台管理系统,LaravelAdmin企业网站,LaravelAdmin要怎么用,LaravelAdmin文档,LaravelAdminSwoole,Laravel,laravel-swoole,docker,官网:https://www.laraveladmin.cn" />
13    <meta name="description" content="LaravelAdmin,简洁、直观、强悍的前端后端开发框架，让全栈开发更迅速的SPA单页面应用。企业官网:https://www.laraveladmin.cn" />
14    <link rel="icon" type="image/x-icon" href="https://www.laraveladmin.cn/dist/img/logo.png">
15    <link href="https://www.laraveladmin.cn/css/app.css?id=3a48c437305b7b64c0c0" rel="stylesheet">
16    <link href="https://www.laraveladmin.cn/css/adminlte.css?id=0ad5ecd3919214194480" rel="stylesheet" media="none" onload="this.media='all'">
17    
18    

18<script src="https://www.laraveladmin.cn/web-api/open/config?script=AppConfig&amp;time=1761017748" type="application/javascript"></script>

18
19    <!--[if lt IE 9]>
20    

20<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" async="true"></script>

20
21    

21<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" async="true"></script>

21
22    <![endif]-->
23</head>
24<body>
25<div class="hide">
26    <h1>LaravelAdmin</h1>
27<p><a href="https://gitee.com/laravel-admin/laraveladmin"><img src="https://img.shields.io/packagist/l/encore/laravel-admin.svg?maxAge=2592000" alt="Packagist" /></a></p>
28<p><a href="https://gitee.com/laravel-admin/laraveladmin"><img src="https://img.shields.io/packagist/dt/zsping1989/laravel-admin.svg?style=flat-square" alt="Total Downloads" /></a></p>
29<p><a href="https://gitee.com/laravel-admin/laraveladmin"><img src="https://img.shields.io/badge/Awesome-laraveladmin-green" alt="Awesome Laravel" /></a></p>
30<center>
31    <img src="https://www.laraveladmin.cn/dist/img/logo1.png" data-origin="httpw://www.laraveladmin.cn/dist/img/logo1.png" alt="Logo" style="width: 200px" />
32</center>
33<h4>介绍</h4>
34<p><code>laravel-admin</code>是一个可以快速帮你构建后台管理的工具，它提供的页面组件和表单元素等功能，能帮助你使用很少的代码就实现功能完善的后台管理功能。(QQ群: 391528810)
35<a href="http://demo.laraveladmin.cn">Demo</a> || <a href="http://www.laraveladmin.cn/home/index">阅读文档</a></p>
36<h4>特点</h4>
37<ul>
38<li>Laravel+Vue组合</li>
39<li>SPA单页面应用</li>
40<li>前后端分离,后台只提供API接口,前端负责视图渲染</li>
41<li>开箱即用的laravel后台管理系统</li>
42<li>海量Vue组件直接拿来即用</li>
43</ul>
44<h2>截图</h2>
45<p><img src="https://www.laraveladmin.cn/storage/uploads/images/2020/12/05/kg3F2blsJISs6GbyFdmItHU7VKGLPx4zUIrPS0H6.jpeg" alt="laravel-admin" /></p>
46<h4>软件架构</h4>
47<p>基于laravel框架实现前后端分离的单页面应用架构</p>
48<p>使用相关技术:vue+bootstrap+phpswoole+docker+laravel</p>
49<h3>Windows环境安装请查看 <a href="README_windows.md">Windows安装</a></h3>
50<h4>安装前准备</h4>
51<ol>
52<li>提前安装好git(整套部署流程使用git方式部署,请依照文档通过git clone命令安装)</li>
53</ol>
54<h4>安装教程</h4>
55<ol>
56<li>下载代码</li>
57</ol>
58<pre><code class="language-shell">git clone https://gitee.com/laravel-admin/laraveladmin.git
59cd laraveladmin
60</code></pre>
61<ol start="2">
62<li>参照.env.example配置.env文件(务必设置好mysql密码,redis密码)</li>
63</ol>
64<ul>
65<li>数据库连接用户请使用root,程序需要检查数据库是否存在并创建数据库,开发环境的代码生成是通过读取数据表结构进行代码生成的</li>
66</ul>
67<pre><code class="language-shell">cp .env.example .env
68vi .env
69</code></pre>
70<ol start="3">
71<li>初始化安装</li>
72</ol>
73<pre><code class="language-shell">sh ./docker/install.sh
74</code></pre>
75<ol start="4">
76<li>
77<p>设置当前代码目录的上级目录跟&quot;~&quot;目录必须包含 dokcer的File Sharing列表中的目录中</p>
78</li>
79<li>
80<p>php容器环境中安装composer相关扩展包及项目代码初始化</p>
81</li>
82</ol>
83<blockquote>
84<p>如果安装&quot;laravel/envoy&quot;过程中失败请切换下全局镜像源,进行尝试</p>
85</blockquote>
86<pre><code>- 腾讯云composer镜像源:https://mirrors.cloud.tencent.com/composer
87- 阿里云composer镜像源:https://mirrors.aliyun.com/composer
88- 华为云composer镜像源:https://mirrors.huaweicloud.com/repository/php
89- laravel(中国)composer镜像源:https://packagist.laravel-china.org
90- phpcomposer:https://packagist.phpcomposer.com
91</code></pre>
92<pre><code class="language-shell">docker-compose run --rm php composer config -g repo.packagist composer https://mirrors.cloud.tencent.com/composer #设置镜像源
93docker-compose run --rm php composer global require laravel/envoy -vvv #该命令出错了请切换镜像源
94docker-compose run --rm php composer global dump-autoload
95docker-compose run --rm node cnpm install #前端编译扩展包安装
96docker-compose run --rm node npm run prod #编译前端页面js
97docker-compose run --rm php envoy run init --branch=master #项目初始化
98docker-compose up -d #启动服务
99</code></pre>
100<ol start="6">
101<li>
102<p>系统已安装有nginx服务器导致端口(80,443)冲突依据如下进行配置</p>
103<ul>
104<li>将nginx容器暴露宿主机端口修改防止冲突</li>
105</ul>
106</li>
107</ol>
108<pre><code class="language-shell">vim docker-compose.yml
109</code></pre>
110<p><img src="https://www.laraveladmin.cn/storage/uploads/images/2020/12/28/jYgF3xITF8KGmqgDHTNtqOP6fZeAySo11Bih2mkY.jpeg" alt="宿主机暴露端口修改" /></p>
111<pre><code>- 设置本机已有的nginx代理配置
112</code></pre>
113<pre><code>server
114{
115    listen 80;
116    server_name local.laraveladmin.cn;
117    location / {

118          proxy_http_version 1.1;
119          proxy_set_header X-Real-IP $remote_addr;
120          proxy_set_header X-Real-PORT $remote_port;
121          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
122          proxy_set_header Host $http_host;
123          proxy_set_header Scheme $scheme;
124          proxy_set_header Server-Protocol $server_protocol;
125          proxy_set_header Server-Name $server_name;
126          proxy_set_header Server-Addr $server_addr;
127          proxy_set_header Server-Port $server_port;
128          proxy_pass http://host.docker.internal:81;
129    }
130}
131</code></pre>
132<ol start="7">
133<li>
134<p><a href="/aliyun_sms.md" title="解决扩展包mrgoon/aliyun-sms自动加载问题">解决扩展包mrgoon/aliyun-sms自动加载问题</a></p>
135</li>
136<li>
137<p>访问</p>
138</li>
139</ol>
140<p>本地开发环境绑定hosts后就可以进行访问了</p>
141<pre><code>127.0.0.1 local.laraveladmin.cn
142</code></pre>
143<ol start="9">
144<li>开发环境前端实时编译启动</li>
145</ol>
146<pre><code class="language-shell">docker-compose run --rm node npm run watch
147</code></pre>
148<ol start="10">
149<li>代码更新升级</li>
150</ol>
151<pre><code class="language-shell">docker-compose exec php envoy run update --branch=master
152</code></pre>
153<h4>使用说明</h4>
154<ol>
155<li>
156<p><a href="https://www.laraveladmin.cn">官网及相关文档: https://www.laraveladmin.cn</a></p>
157</li>
158<li>
159<p><a href="https://demo.laraveladmin.cn">在线示例演示环境: https://demo.laraveladmin.cn</a></p>
160</li>
161</ol>
162<p>用户名:demo_admin</p>
163<p>密码:admin123456</p>
164<h4>参与贡献</h4>
165<ol>
166<li>Fork 本仓库</li>
167<li>新建 Feat_xxx 分支</li>
168<li>提交代码</li>
169<li>新建 Pull Request</li>
170</ol>
171
172</div>

173<script type="text/javascript" async>
174    // 获取 URL 参数的函数
175    let getURLParameters = function() {
176        var searchParams = new URLSearchParams(window.location.search);
177        // 获取参数
178        var params = {};
179        for (var key of searchParams.keys()) {
180            params[key] = searchParams.get(key);
181        }
182        return params;
183    }
184    // 调用函数并获取参数
185    let parameters = getURLParameters();
186    window.document.title = parameters['_title'] || `LaravelAdmin`;
187</script>

187
188<div id="app" class="app">
189    <transition name="fade" enter-active-class="animated zoomIn faster" mode="out-in" leave-active-class="animated zoomOut faster">
190        <router-view></router-view>
191    </transition>
192</div>
193

194<script src="https://www.laraveladmin.cn/js/bootstrap.js?id=365c1388ecdb5b63d75a" type="application/javascript"></script>

194

195<script src="https://www.laraveladmin.cn/js/app.js?id=ae0852a566169cc167e3" type="application/javascript"></script>

195
196
197</body>
198</html>
199