# travelSceneWebsite **Repository Path**: techutter/travel-scene-website ## Basic Information - **Project Name**: travelSceneWebsite - **Description**: 采用Laravel 8 + Vue3，实现的旅游网站，当前项目展示了最新的前后端技术。 里面包含两套系统，一套旅游景点网站，用于普通用户访问，是前后端分离项目；另一套是旅游后台管理系统，用于管理员管理网站展示的内容，是基于laravel的全栈项目。 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2024-09-01 - **Last Updated**: 2024-09-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

旅游景点平台

基于Vue,Laravel的全栈平台
### 一、项目介绍 #### 1.项目简介 ​ 采用Vue3 + laravel 8实现的旅游网站，当前项目展示了最新的前后端技术。 里面包含两套系统，一套旅游景点网站，用于普通用户访问，是前后端分离项目；另一套是旅游后台管理系统，用于管理员管理网站展示的内容，是基于laravel的全栈项目。 #### 2.项目优点 1. 完整性：有完整的前后台系统，自由管理数据 2. 稳定性：项目有异常处理机制，有比较完善的处理方案 #### 3.博客文章 - **vue学习：https://blog.csdn.net/qq_50792097/article/details/126526411** - **Laravel学习：https://blog.csdn.net/qq_50792097/article/details/126417792** - **MySQL学习：https://blog.csdn.net/qq_50792097/article/details/126527104** #### 4.测试产品 旅游景点平台：http://tdmin.fastcat.top/(未开放) 旅游景点后台管理平台：http://gadmin.fastcat.top/(未开放) API测试接口：https://www.showdoc.com.cn/travelScene/9115728438593338 #### 5.项目架构 **1.景点旅游网** ``` WebSite-travel ├─travel_vue vue项目 │ ├─public 公有文件 │ ├─src 源代码文件 │ │ App.vue 挂载文件 │ │ main.js 入口文件 │ ├─assets 公有资源文件 │ │ │ logo.png │ │ ├─css 样式文件 │ │ │ comm.css │ │ │ default.css │ │ │ index.css │ │ │ normalize.css │ │ └─img 图片资源 │ │ │ favicon.ico │ │ ├─home │ │ └─pic │ ├─components 组件 │ ├─config 配置文件 │ │ index.js │ ├─network 接口封装 │ │ home.js │ │ request.js │ │ scene.js │ │ user.js │ ├─router 路由文件 │ │ index.js │ ├─store vuex缓存 │ │ index.js │ ├─utils 工具函数 │ │ captcha.js │ │ Message.js │ │ verify.js │ └─views 视图文件 │ ├─about 关于页 │ │ about.vue │ ├─login 登录页 │ │ login.vue │ ├─register 注册页 │ │ register.vue │ └─tablist 切换栏页 │ │ tablist.vue │ ├─detail 详情页 │ │ detail.vue │ ├─earth 全国景点页 │ │ earth.vue │ ├─index 索引页 │ │ index.vue │ ├─north 北方景点页 │ │ north.vue │ ├─profile 个人详情页 │ │ profile.vue │ └─south 南方详情页 south.vue ``` **2.API后端接口** ``` WebSite-travel ├─TravelServe Larvel接口项目 │ │ .editorconfig │ │ .env 环境配置文件 │ │ .env.example │ │ .gitattributes │ │ .gitignore │ │ .styleci.yml │ │ artisan 启动器 │ │ composer.json 依赖包配置 │ │ composer.lock │ │ laravel-travel.sql sql文件 │ │ package.json │ │ phpunit.xml │ │ README.md │ │ server.php │ │ webpack.mix.js │ ├─app 应用程序 │ │ ├─Console │ │ │ Kernel.php │ │ ├─Exceptions │ │ │ Handler.php │ │ ├─Http http请求处理 │ │ │ │ Kernel.php │ │ │ ├─Controllers 控制器 │ │ │ │ │ Controller.php 基类控制器 │ │ │ │ │ ProjectController.php 公有项目控制器 │ │ │ │ ├─Admin │ │ │ │ │ LoginController.php 登录相关控制器 │ │ │ │ │ UserController.php 用户相关控制器 │ │ │ │ └─Home │ │ │ │ ActivityController.php 活动栏控制器 │ │ │ │ ProfileController.php 个人相关控制器 │ │ │ │ SceneController.php 景点相关控制器 │ │ │ └─Middleware 中间件 │ │ │ Authenticate.php │ │ │ AuthTokenMiddleware.php 身份认证中间件 │ │ │ CorsRequestMiddleware.php cors跨域中间件 │ │ │ EncryptCookies.php │ │ │ PreventRequestsDuringMaintenance.php │ │ │ RedirectIfAuthenticated.php │ │ │ TrimStrings.php │ │ │ TrustHosts.php │ │ │ TrustProxies.php │ │ │ VerifyCsrfToken.php │ │ ├─Models 模型 │ │ │ Permission.php │ │ │ Role.php │ │ │ SceneActivity.php 景区活动模型 │ │ │ SceneCollect.php 景区收藏模型 │ │ │ SceneMsg.php 景区详情模型 │ │ │ SceneType.php 景区类型模型 │ │ │ SceneView.php 景区预览模型 │ │ │ User.php 用户模型 │ │ │ UserComment.php 用户评论模型 │ │ └─Providers │ │ AppServiceProvider.php │ │ AuthServiceProvider.php │ │ BroadcastServiceProvider.php │ │ EventServiceProvider.php │ │ RouteServiceProvider.php │ ├─bootstrap │ ├─config 框架配置项 │ │ app.php │ │ auth.php │ │ broadcasting.php │ │ cache.php │ │ cors.php │ │ database.php │ │ filesystems.php │ │ hashing.php │ │ jwt.php │ │ logging.php │ │ mail.php │ │ queue.php │ │ sanctum.php │ │ services.php │ │ session.php │ │ view.php │ ├─database │ ├─public 公有访问文件夹 │ │ │ .htaccess │ │ │ favicon.ico │ │ │ index.php │ │ │ robots.txt │ │ │ web.config │ │ └─assets 公有访问资源文件夹（静态资源） │ │ ├─avatar │ │ └─img │ ├─resources │ │ ├─js │ │ ├─lang │ │ └─views 视图文件 │ ├─routes 路由文件夹 │ │ │ api.php │ │ │ channels.php │ │ │ console.php │ │ │ web.php 路由入口文件 │ │ ├─Admin 封装Admin路由 │ │ │ index.php │ │ ├─Home 封装Home路由 │ │ │ index.php │ │ └─Project 封装Project路由 │ │ index.php │ ├─storage 框架数据存储 │ └─tests ``` **3.全栈后台管理系统** ``` WebServe-travel Larvel后台管理项目 │ .editorconfig │ .env 环境配置文件 │ .env.example │ .gitattributes │ .gitignore │ .styleci.yml │ artisan 启动器 │ composer.json 依赖包配置 │ composer.lock │ laravel-travel.sql sql文件 │ package.json │ phpunit.xml │ README.md │ server.php │ webpack.mix.js ├─app 应用程序 │ ├─Console │ │ Kernel.php │ ├─Exceptions │ │ Handler.php │ ├─Http http请求处理 │ │ │ Kernel.php │ │ ├─Controllers 控制器 │ │ │ │ Controller.php 基类控制器 │ │ │ └─Admin │ │ │ ActivityController.php 活动栏控制器 │ │ │ CommentController.php 评论相关控制器 │ │ │ LoginToController.php 登录相关控制器 │ │ │ PersonController.php 个人相关控制器 │ │ │ SceneController.php 景点相关控制器 │ │ │ UserController.php 用户相关控制器 │ │ └─Middleware 中间件 │ │ Authenticate.php │ │ AuthLoginMiddleware.php 身份认证中间件 │ │ EncryptCookies.php │ │ PreventRequestsDuringMaintenance.php │ │ RedirectIfAuthenticated.php │ │ TrimStrings.php │ │ TrustHosts.php │ │ TrustProxies.php │ │ VerifyCsrfToken.php │ ├─Models 模型 │ │ Permission.php │ │ Role.php │ │ Admin.php 管理员模型 │ │ SceneActivity.php 景区活动模型 │ │ SceneCollect.php 景区收藏模型 │ │ SceneMsg.php 景区详情模型 │ │ SceneType.php 景区类型模型 │ │ SceneView.php 景区预览模型 │ │ User.php 用户模型 │ │ UserComment.php 用户评论模型 │ └─Providers │ AppServiceProvider.php │ AuthServiceProvider.php │ BroadcastServiceProvider.php │ EventServiceProvider.php │ RouteServiceProvider.php ├─bootstrap ├─config 框架配置项 │ app.php │ auth.php │ broadcasting.php │ cache.php │ cors.php │ database.php │ filesystems.php │ hashing.php │ jwt.php │ logging.php │ mail.php │ queue.php │ sanctum.php │ services.php │ session.php │ view.php ├─database ├─public 公有访问文件夹 │ │ .htaccess │ │ favicon.ico │ │ index.php │ │ robots.txt │ │ web.config │ ├─common 常量配置文件 │ ├─source 景点资源文件夹 │ └─static 公有访问资源文件夹（静态资源） │ ├─css 公有css样式 │ ├─images 公有images样式 │ ├─js 公有js文件 │ ├─lib 公有引入库资源文件 │ └─utils 工具资源文件 ├─resources │ ├─js │ ├─lang │ └─views 视图文件 │ └─admin │ ├─index.blade.php 主体框架页 │ ├─login.blade.php 登录页 │ ├─welcome.blade.php 欢迎页 │ ├─activity 活动相关视图文件 │ ├─comment 评论相关视图文件 │ ├─person 个人相关视图文件 │ ├─public 公有相关视图文件 │ ├─scene 景点相关视图文件 │ └─user 用户相关视图文件 ├─routes 路由文件夹 │ │ api.php │ │ channels.php │ │ console.php │ │ web.php 路由入口文件 │ ├─Admin 封装Admin路由 │ │ index.php ├─storage 框架数据存储 ├─tests └─web_template 后台管理系统使用的框架模板 ``` #### 6.项目截图 **1.景点旅游网** | | | | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/首页.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/首页-第二屏.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/登录页.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/注册页.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/个人详情.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/全国景区.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/全国景区-搜索.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/北方景区.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/南方景区.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/景点详情.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Web图片/景点详情-评论.jpg "屏幕截图.png") | | **2.后台管理系统** | | | | ------------------------------------------------------------ | ------------------------------------------------------------ | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/首页.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/登录页.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/个人信息-信息预览.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/个人信息-修改密码.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-新增景区.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-新增景区2.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-景区修改1.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-景区修改2.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-景区列表.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/景区管理-景区类型.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/活动管理-今日活动.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/活动管理-景区推荐.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/用户管理-添加管理员.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/用户管理-用户列表.jpg "屏幕截图.png") | | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/用户管理-管理员列表.jpg "屏幕截图.png") | ![输入图片说明](https://gitee.com/MiniWildCat/travel-scene-website/raw/master/%E9%A1%B9%E7%9B%AE%E5%B1%95%E7%A4%BA%E5%9B%BE%E7%89%87/Admin图片/评论管理-评论列表.jpg "屏幕截图.png") | ### 二、项目安装 #### 1.开始使用 使用git拉取当前项目 ``` git clone https://gitee.com/MiniWildCat/travel-scene-website.git ``` 使用npm对vue系统, composer 对 laravel系统安装包 ``` vue项目 yarn install 或者 npm install laravel后端系统/laravel后台管理系统 composer update --ignore-platform-reqs composer install --ignore-platform-reqs ``` 运行项目 ``` vue网站项目 yarn serve 或者 npm run serve laravel后端系统 php artisan serve --port=8081 laravel后台管理系统 php artisan serve ``` 项目开启后，可以通过以下url访问 ``` http://localhost:8080/ vue网站项目 http://localhost:8081/ laravel后端系统 http://localhost:8000/ laravel后台管理系统 ``` #### 2.使用说明 1. 项目的架构可以模仿和采用 3. 经过本项目二次开发的项目，本项目不承担任何法律责任！！！ #### 3.开源许可 旅游景点网站采用 [Apache 2.0](http://www.apache.org/licenses/) 开源许可证。 ​