精华内容
下载资源
问答
  • About一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文--诗词小筑。前台页面是由vue2编写的,后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。因此我将它们放在两个仓库...

    About

    一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文--诗词小筑。

    前台页面是由vue2编写的,后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。

    因此我将它们放在两个仓库里。

    由于很多地方都是自己diy的,所以网站设计的有些粗糙。

    如有疏漏不妥之处,还请不吝赐教。

    Frontend

    Intro

    诗词小筑的前台页面,基于vue.js+element-ui。

    技术栈

    vue2 + element-ui + vuex + vue-router + axios + stylus + ES6

    已实现功能

    登录、注册、退出登录、修改密码、忘记密码、邮箱验证

    邮件反馈

    添加诗文、编辑诗文、搜索诗文

    诗文点赞、收藏、评分、评论、写赏析

    添加品鉴、编辑品鉴、搜索品鉴

    品鉴点赞、收藏、评分、评论

    修改个人信息

    无限加载

    关注用户

    发送私信、删除私信、删除对话列表

    微博登录、GitHub登录

    How To Use

    git clone https://github.com/DragonFlyXD/poetryclub-frontend

    cd poetryclub-frontend

    npm install

    npm run dev

    Screenshot

    Backend

    Intro

    诗词小筑的网站后台页面与后端代码,基于laravel+vue.js。

    技术栈

    laravel5.4 + passport + vue2 + element-ui + axios + stylus

    How To Use

    git clone https://github.com/DragonFlyXD/poetryclub-backend

    cd poetryclub-backend

    composer install

    php artisan migration

    chmod -R 777 storage

    /**

    * 将生成的 ID 和 Secret 添加进 .env 文件中

    * 如:

    * PASSWORD_CLIENT_ID=3

    * PASSWORD_CLIENT_SECRET=OdIzVLnICs7dXYz3QEe9xeo1ITr2ugpdrwR1xvGb

    **/

    php artisan passport:client --passport

    配置连接数据库信息,默认采用mysql。

    # .env

    DB_DATABASE=your_database

    DB_USERNAME=your_username

    DB_PASSWORD=your_password

    配置邮件发送信息,采用sendclound。

    # .env

    MAIL_FROM_ADDRESS=your_address // 如:dragonfly920130@outlook.com

    MAIL_FROM_NAME=your_name // 如:诗词小筑

    SEND_CLOUD_USER=your_user

    SEND_CLOUD_KEY=your_key

    配置搜索功能信息,采用algolia。

    # .env

    ALGOLIA_APP_ID=your_id

    ALGOLIA_SECRET=your_secret

    配置图片存储功能信息,采用七牛云。

    # .env

    QINIU_ACCESS_KEY=your_access_key

    QINIU_SECRET_KEY=your_secret_key

    QINIU_BUCKET=your_bucket

    QINIU_DOMAIN=your_domain

    Screenshot

    展开全文
  • 小型影评网站,包含前台、后台、接口代码,前端nodejs+vue+elementui+axios,后端laravel+mysql,这套组合框架实现简单、好上手,毕业生们拿去作参考吧
  • Laravel Vue admin 管理系统项目简介laravel-vue-admin 是一套基于 Vue 全家桶(Vue2.x + Vue-router2.x + Vuex)+ Laravel前后端分离框架。 脚手架构建也可以通过 vue 官方的 vue-cli 脚手架工具构建 实现了一般...

    Laravel Vue admin 管理系统

    项目简介

    laravel-vue-admin 是一套基于 Vue 全家桶(Vue2.x + Vue-router2.x + Vuex)+ Laravel 的前后端分离框架。 脚手架构建也可以通过 vue 官方的 vue-cli 脚手架工具构建 实现了一般后台所需要的功能模块

    前后端分离设计,前端代码在 admin 目录,细分为前后台页面;后端代码在 laravel 目录下、

    主要技术栈

    后端框架: Laravel 6.x

    前端 MVVM 框架: Vue 2.6.10

    前端构建: Vue-cli

    路由: Vue-Router 3.x

    数据交互: Axios

    代码风格检测: Eslint

    UI框架: Element-UI 2.7.2

    Laravel 的运行环境要求 PHP7.2 以上。

    案例演示

    账号: admin 密码: 123456

    安装方法:

    为了方便使用,已经将打包好的前端代码放到了 laravel/public 目录下。即正常部署时候,只需要配置后端 php 环境即可。

    1. 安装 php 环境 (必须)

    git clone https://gitee.com/lisgroup/laravel-vue-admin.git

    cd laravel-vue-admin/laravel

    composer install

    cp .env.example .env

    2. 配置项修改 .env 文件数据库

    # 1. 修改域名

    APP_URL=http://localhost

    # 2. 修改数据库配置

    DB_CONNECTION=mysql

    DB_HOST=127.0.0.1

    DB_PORT=3306

    DB_DATABASE=admin

    DB_USERNAME=root

    DB_PASSWORD=root

    # 3. 如 redis 可用建议修改

    CACHE_DRIVER=redis

    REDIS_HOST=127.0.0.1

    REDIS_PASSWORD=null

    REDIS_PORT=6379

    # 4. 极验 geetest 配置替换

    GEE_CAPTCHA_ID=`YOUR ID`

    GEE_PRIVATE_KEY=`YOUR KEY`

    3. 运行安装命令,会自动执行数据迁移和填充,并生成 key

    php artisan admin:install

    {Tip}: 以下都是可选配置,根据需求开启

    4. 支持中文全文索引 (可选)

    两种模式,未配置默认 MySQL LIKE 语句

    4.1 模式一: 开启 elasticsearch 全文搜索

    启动 elasticsearch 服务后

    在 .env 文件中增加配置项;

    SCOUT_DRIVER=elasticsearch

    生成全文索引;

    php artisan elasticsearch:import "App\Models\Line"

    4.2 模式二: TNTSearch+jieba-php 实现中文全文搜索

    注:全文索引存储在 SQLite 中,需 php 开启了以下扩展;

    pdo_sqlite

    sqlite3

    mbstring

    5. 启动 laravels 服务 (可选)

    需安装 swoole 扩展,开启后监听 5200 端口。laravels 升级后命令如下:

    php bin/laravels start -d

    6. 启动定时任务 (可选)

    # 使用 crontab 的定时任务调用 php artisan 调度任务:

    crontab -e

    # 追加如下内容:

    * * * * * php /home/ubuntu/laravel-vue-admin/laravel/artisan schedule:run >> /dev/null 2>&1

    # 最后 ctrl + o 保存退出即可。

    7. 启动队列 (可选)

    php artisan queue:work

    8. 安装 npm 扩展 (可选)

    # 切换到上级 app 目录下

    cd ../admin

    npm i

    # 本地测试

    npm run dev

    # 打包(可选)

    npm run build

    npm run build 命令会自动将 dist 目录下的文件 copy 到 laravel/public 目录下。

    域名绑定

    域名需要绑定到根目录,即项目的 laravel/public 目录下。

    1. Nginx 配置示例: (未启动 laravel-s 扩展)

    server {

    listen 443 ssl;

    root /www/laravel-vue-admin/laravel/public;

    server_name www.guke1.com; # 改为绑定证书的域名

    # ssl 配置

    # ssl on;

    ssl_certificate /etc/bundle.crt; # 改为自己申请得到的 crt 文件的名称

    ssl_certificate_key /etc/my.key; # 改为自己申请得到的 key 文件的名称

    ssl_session_timeout 5m;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;

    ssl_prefer_server_ciphers on;

    # 文件不存在 转发 index.php 处理

    location / {

    #index index.php;

    try_files $uri $uri/ /index.php?$query_string;

    }

    location ~ (\.php)$ {

    fastcgi_pass unix:/tmp/php-cgi.sock;

    fastcgi_index index.php;

    fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

    fastcgi_param PHP_ADMIN_VALUE "open_basedir=$document_root/../:/tmp/:/proc/";

    include fastcgi_params;

    fastcgi_param PATH_INFO $fastcgi_script_name;

    }

    location ~ .*\.(css|img|js|gif|jpg|jpeg|png|bmp|swf)$

    {

    # root $root_path;

    expires 30d;

    }

    location ~ /.well-known

    {

    allow all;

    }

    location ~ /\.

    {

    deny all;

    }

    access_log /home/wwwlogs/laravel.log

    # error_log /home/wwwlogs/laravel_error.log;

    }

    2. 启动 laravels 的 Nginx 示例配置:

    #gzip on;

    #gzip_min_length 1024;

    #gzip_comp_level 2;

    #gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml application/x-httpd-php image/jpeg image/gif image/png font/ttf font/otf image/svg+xml;

    #gzip_vary on;

    #gzip_disable "msie6";

    upstream laravels {

    # By IP:Port

    server 127.0.0.1:5200 weight=5 max_fails=3 fail_timeout=30s;

    # By UnixSocket Stream file

    #server unix:/xxxpath/laravel-s-test/storage/laravels.sock weight=5 max_fails=3 fail_timeout=30s;

    #server 192.168.1.1:5200 weight=3 max_fails=3 fail_timeout=30s;

    #server 192.168.1.2:5200 backup;

    }

    server {

    listen 80;

    # 别忘了绑Host哟

    server_name www.guke1.com;

    root /home/www/laravel-vue-admin/laravel/public;

    access_log /home/wwwlogs/nginx/$server_name.access.log;

    autoindex off;

    index index.html index.htm;

    # Nginx处理静态资源(建议开启gzip),LaravelS处理动态资源。

    location / {

    try_files $uri $uri/index.html @laravels;

    }

    # 当请求PHP文件时直接响应404,防止暴露public/*.php

    #location ~* \.php$ {

    # return 404;

    #}

    location @laravels {

    proxy_http_version 1.1;

    # proxy_connect_timeout 60s;

    # proxy_send_timeout 60s;

    # proxy_read_timeout 120s;

    proxy_set_header Connection "keep-alive";

    proxy_set_header X-Real-IP $remote_addr;

    proxy_set_header X-Real-PORT $remote_port;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    proxy_set_header Host $http_host;

    proxy_set_header Scheme $scheme;

    proxy_set_header Server-Protocol $server_protocol;

    proxy_set_header Server-Name $server_name;

    proxy_set_header Server-Addr $server_addr;

    proxy_set_header Server-Port $server_port;

    proxy_pass http://laravels;

    }

    }

    使用方法

    在输入框输入查询的公交车,(如:快1)点击搜索后,会出现搜索到的车次,再次点击需要查询车次的方向,即可查看实时公交状态。

    展开全文
  • 一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文--诗词小筑。前台页面是由vue2编写的,后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。因此我将它们放在两个仓库里。...
        

    About

    一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文--诗词小筑
    前台页面是由vue2编写的,后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。
    因此我将它们放在两个仓库里。
    由于很多地方都是自己diy的,所以网站设计的有些粗糙。
    如有疏漏不妥之处,还请不吝赐教。

    诗词小筑的前台页面
    诗词小筑的后台页面与后端代码


    Frontend

    Intro

    诗词小筑的前台页面,基于vue.js+element-ui

    诗词小筑的后台页面与后端代码

    技术栈

    vue2 + element-ui + vuex + vue-router + axios + stylus + ES6

    已实现功能

    • 登录、注册、退出登录、修改密码、忘记密码、邮箱验证
    • 邮件反馈
    • 添加诗文、编辑诗文、搜索诗文
    • 诗文点赞、收藏、评分、评论、写赏析
    • 添加品鉴、编辑品鉴、搜索品鉴
    • 品鉴点赞、收藏、评分、评论
    • 修改个人信息
    • 无限加载
    • 关注用户
    • 发送私信、删除私信、删除对话列表
    • 微博登录、GitHub登录

    How To Use

    git clone https://github.com/DragonFlyXD/poetryclub-frontend
    
    cd poetryclub-frontend
    
    npm install
    
    npm run dev

    Screenshot

    Backend

    Intro

    诗词小筑的网站后台页面与后端代码,基于laravel+vue.js

    诗词小筑的前台页面

    技术栈

    laravel5.4 + passport + vue2 + element-ui + axios + stylus

    How To Use

    git clone https://github.com/DragonFlyXD/poetryclub-backend
    
    cd poetryclub-backend
    
    composer install 
    
    php artisan migration
    
    chmod -R 777 storage
    
    /**
     * 将生成的 ID 和 Secret 添加进 .env 文件中
     * 如:
     * PASSWORD_CLIENT_ID=3
     * PASSWORD_CLIENT_SECRET=OdIzVLnICs7dXYz3QEe9xeo1ITr2ugpdrwR1xvGb
     **/
    php artisan passport:client --passport
    • 配置连接数据库信息,默认采用mysql

      # .env
      
      DB_DATABASE=your_database
      DB_USERNAME=your_username
      DB_PASSWORD=your_password
    • 配置邮件发送信息,采用sendclound

      # .env
      
      MAIL_FROM_ADDRESS=your_address // 如:dragonfly920130@outlook.com
      MAIL_FROM_NAME=your_name // 如:诗词小筑
      SEND_CLOUD_USER=your_user
      SEND_CLOUD_KEY=your_key
    • 配置搜索功能信息,采用algolia

      # .env
      
      ALGOLIA_APP_ID=your_id
      ALGOLIA_SECRET=your_secret
    • 配置图片存储功能信息,采用七牛云

      # .env
      
      QINIU_ACCESS_KEY=your_access_key
      QINIU_SECRET_KEY=your_secret_key
      QINIU_BUCKET=your_bucket
      QINIU_DOMAIN=your_domain

    Screenshot

    展开全文
  • 在网站前后端设计时候,在后端这块,后端的每一模块对应的表,进行表的管理,增删改查。 使用 route() 全局辅助方法灵活管理 举例,商品表 商品模型 商品控制器 商品视图 Route :: get( ' /goods ' , ' ...

    在网站前后端设计时候,在后端这块,后端的每一模块对应的表,进行表的管理,增删改查。

     

    使用 route() 全局辅助方法灵活管理

     

    举例,商品表  商品模型  商品控制器  商品视图

    Route :: get( ' /goods ' , ' GoodController@index ' ) ->name( ' goods ' );

    Route :: get( ' /goods/create ' , ' GoodController@create' ) ->name( ' goods-create ' );

    Route :: get( ' /goods/edit/{ id } ' , ' GoodController@edit' ) ->name( ' goods-edit ' );

    Route :: post( ' /goods/edit/{ id } ' , ' GoodController@update' ) ->name( ' goods-update' );

    Route :: get( ' /goods/delete/{ id } ' , ' GoodController@delete' ) ->name( ' goods-delete ' );

     

    我们要对商品进行创建,编辑,删除。

    第一、创建是为表创建新的一条记录

    第二、编辑和删除是为表中某条记录执行的,所以在进行记录处理的需要这条记录的 id

    第三、id 怎么得到,在首页展示所有商品的时候,就需要调取表中所有记录,循环遍历后可以通过字段属性得到商品的信息展示,id 也是其中一个字段

    第四、如何做到 id 放入链接,在首页展示每个商品的编辑按钮,使用 route() 方法创建链接,方法的参数为两个,第一个是路由的别名,第二个是遍历出的id值

    第五、edit的路由第一个参数有一个占位符,自动获取id参数,这样就会跳转到修改页面,get是跳转到这条记录的编辑页面,不同于创建页面

    第五、真正的修改是利用post表单提交使用update进行数据更新

     

    在进行商品管理的时候,get用于查询,post用于表单提交修改数据。

     

    转载于:https://www.cnblogs.com/muwu/p/8904358.html

    展开全文
  • RXThinkCMF_EVL8_PRO前后端分离开发框架是基于 Laravel8+ElementUI+Vue 开发的权限架构及内容管理框架,采用全新的前端UI框架,支持多主题切换,前端UI框架完全适配手机端、PAD终端以及PC电脑终端,框架内置完整的...
  • 来源:www.toutiao.com/i6694404645827117572/上一篇:10分钟让你明白MySQL是如何利用索引的前言在移动互联网,分布式、微服务盛行的今天,现在项目绝大部分都采用的微服务框架,前后端分离方式,(题外话:前后端的...
  • 前言在移动互联网,分布式、微服务盛行的今天,现在项目绝大部分都采用的微服务框架,前后端分离方式,(题外话:前后端的工作职责越来越明确,现在的前端都称之为大前端,技术栈以及生态圈都已经非常成熟;...
  • 技术层面上来说,使用前后端分离进行制作,可以将前端以及后端的知识都涵盖到。对于前端的路由,信息维护,脚手架的搭建,ui组件的使用,接口的请求与封装都能够讲解到。 对于后端,本课程对php原生代码以及工作中...
  • 前言在移动互联网,分布式、微服务盛行的今天,现在项目绝大部分都采用的微服务框架,前后端分离方式,(题外话:前后端的工作职责越来越明确,现在的前端都称之为大前端,技术栈以及生态圈都已经非常成熟;...
  • 由于项目更换了负责人,新的决策是后台需要重构,弃用原来layui+jsonp+lumen的前后端分离架构设计, 采用laravel-admin 快速部署后台,初次接触这个开箱式的工具类去搭建后台,发现有诸多的坑需要填补, 所以从这篇...
  • 一般是前后端分离或者支付宝响应的时候需要不设置csrfToken校验的接口,laravel推荐使用passport安全校验设计接口 转载于:https://www.cnblogs.com/mrszhou/p/8407224.html...
  • 目录骆寻IM新的改变项目结构安装使用FAQ捐赠 骆寻IM Laravel + LayIM + ...前后端完全分离 ,本项目包含一个完整的API服务器和两个全新的客户端( PC 客户端和手机客户端); 全新的右键菜单; MySQL+MongoDB 双数据
  • 随着互联网各岗位精细化分工的普及,出现了很多的系统架构设计,比如常见的前后端分离架构,后端提供接口给前端,前端根据接口的数据进行渲染,大家各执其职,效率也非常的高,但是随着接口的增加,如果不统一的规范...
  • 随着互联网各岗位精细化分工的普及,出现了很多的系统架构设计,比如常见的前后端分离架构,后端提供接口给前端,前端根据接口的数据进行渲染,大家各执其职,效率也非常的高,但是随着接口的增加,如果不统一的规范...
  • 最近忙的要死,因为新开发了两个项目.现在已经测试完毕了,准备部署到线上了. ...2.一个前后端分离的vue+laravel 5.4 开发的商家系统 我只负责后端接口的开发和接口文档的编写 总结一下经验吧: 1.数据表的设计 ...
  • TapTap实习两周总结

    2019-07-15 13:33:40
    前后端分离,解决同源问题 第三方认证,Oauth的学习 基于token验证,使用Jwt mongodb数据库的学习 关于repository模式在laravel中的使用 对于一个产品从无到有的全部流程,prd,设计图,产品交互图, 数据库设计,...
  • 乐驾2

    2017-05-09 09:09:37
    Database服务端已经初步完成了数据库用户表的设计和创建,遵循了数据库设计的范式,添加了合理的外键约束 ORM在Laravel中也编写了与其对应的ORM模块,使用ORM模型可以更加抽象地对数据库操作,更符合面向对象的思想...
  • 现在搞的系统前后端分离,采用 restful 风格设计 API.随着业务发展,出现了一个页面的数据需要请求多个接口,才能完整展示数据.导致页面加载耗时很长.因此决定采用openresty 来并发请求客户端发送来的接口地址,再一次性...
  • 背景现在搞的系统前后端分离,采用 restful 风格设计 API.随着业务发展,出现了一个页面的数据需要请求多个接口,才能完整展示数据.导致页面加载耗时很长.因此决定采用openresty 来并发请求客户端发送来的接口地址,再一...
  • 四、在脚手架里使用Element-UI 五、学习组件化编程的思想 六、如何解决接口前后端分离引起的跨域问题以及在跨域下使用cookie凭证进行会话维护 后端你讲学习到: 一、如何申请微信公众号测试账号,如何进行相关参数的...
  • 前后端分离的思考与实践.epub 前端开发常用技巧经验记录.epub 前端开发提高之旅.epub 前端开发者学习手册(英).epub 前端开发者手册.epub 前端开发规范手册.epub 前端性能优化指南.epub 前端面试题目搜集.epub 十个...
  • 前后端分离的思考与实践.epub 前端开发常用技巧经验记录.epub 前端开发提高之旅.epub 前端开发者学习手册(英).epub 前端开发者手册.epub 前端开发规范手册.epub 前端性能优化指南.epub 前端面试题目搜集.epub 十个...

空空如也

空空如也

1 2
收藏数 25
精华内容 10
关键字:

laravel前后端设计