web课程设计

article/2025/11/4 22:05:03

作者:yyl
班级:量子通信

一、Laravel简述

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。
在这里插入图片描述

二、Laravel的安装

Laravel虽然课上安装了,但是还是重新安装了一下,顺便写一下安装过程

1、使用Composer自动安装Laravel框架

首先在DOS窗口下,切换到项目目录,如下图所示:
在这里插入图片描述
使用composer指令从github中下载laravel源代码:
composer create-project laravel/laravel --prefer-dist
示例代码:
在这里插入图片描述

2、使用Laravel一键体验包手动安装Laravel框架

① 下载Laravel一键体验包
下载对应需要的版本即可
② 找到laravel master最新版的Laravel框架

③ 下载Laravel框架,解压后,如下图所示:
在这里插入图片描述
④ 更改根目录下的server.php为index.php,作为项目的入口文件
找到根目录,然后进去
在这里插入图片描述
修改为index.php,作为项目的入口文件
⑤ 把public目录下的.htaccess重写文件复制到根目录下
复制这个文件到根目录下
点击粘贴即可
然后Laravel框架安装完毕,打开浏览器,运行虚拟域名,如下图所示:
成功

三.目录结构

在这里插入图片描述
① app目录:项目的核心目录,主要用于存放核心代码,也包括控制器、模型以及路由。
在这里插入图片描述
控制器存放位置:
在这里插入图片描述
模型存放位置:
在这里插入图片描述
在实际项目开发中,一般把模型存放在app/Http/Models自定义文件夹中。
② config目录 :项目的配置目录,主要存放配置文件,如数据库配置
在这里插入图片描述
③ public项目公用目录,主要用于存放images/css/js等资源文件
在这里插入图片描述
④ resources资源目录,主要用于存放视图文件
在这里插入图片描述
⑤ vendor扩展目录,扩展插件主要存放在此目录下
在这里插入图片描述
⑥ .env环境配置文件,主要用于配置项目信息如数据库信息、缓存信息等等
在这里插入图片描述
⑦ artisan脚手架,主要用于自动生成代码的,非常好用
在这里插入图片描述
⑧ composer.json,composer依赖包配置文件
在这里插入图片描述
⑨ 项目入口文件index.php
在这里插入图片描述

四.Laravel框架中的控制器

① 什么是控制器
MVC的核心,主要用于接收用户请求,处理业务逻辑。
② 控制器的存放目录
在这里插入图片描述
③ 控制器命名规则,基本语法:
1.控制器名称:Index,记住首字母要大写
2.关键词:Controller
3.定义Index控制器,其命名为:IndexController
④ 使用脚手架生成IndexController控制器
在DOS窗口中,切换到MyApp项目目录,如下图所示:
在这里插入图片描述
使用php artisan make:controller 控制器名称生成自定义控制器,如下图所示:
在这里插入图片描述
创建成功后,如下图所示:
在这里插入图片描述
在IndexController控制器中,定义index方法,访问后如下图所示:
在这里插入图片描述
运行结果:
在这里插入图片描述
3、Laravel框架中的路由
在ThinkPHP框架中,当我们在URL地址中,传递m、c、a三个参数时,系统会自动跳转到指定模型中指定控制器的指定方法,这些处理过程都是由框架自动完成的。但是,在Laravel框架中,其并没有指定固定参数,其路由必须要手工进行配置。
① 路由配置文件
② 在routes.php配置文件中配置路由
在这里插入图片描述
③ 自定义路由的基本语法
//get请求

Route::get(‘/’,function(){

return view(‘welcome’);

});

//post请求

Route::post(‘goods/store’,’GoodsController@store’);

//controller请求

Route::controller(‘index’,’IndexController’);

特别注意:使用controller请求时,其方法如果是get请求,必须加前缀get其方法如果是post请求,必须加前缀post

//resource请求

Route::resource(‘article’,‘ArticleController’);

特别注意:使用resource请求时,其内部的方法都是固定的,如下图所示:
在这里插入图片描述
4、Laravel框架中的DB类
① 设计数据库
数据库名称:gcwapp
article数据表:gcw_article
数据表字段:
在这里插入图片描述
创建数据库与数据表:
在这里插入图片描述
② 在Laravel中配置mysql数据库信息(牵连.env与config/database.php)
首先配置.env文件:
在这里插入图片描述
打开config/database.php,配置信息如下:
在这里插入图片描述
③ 创建Article控制器,如下图所示:
在这里插入图片描述
④ 在routes.php中设置url路由:
在这里插入图片描述
⑤ 在Article控制器中定义以上四个方法
在这里插入图片描述
⑥ 引入DB类,实现CURD操作
在这里插入图片描述
这里是一个DB类详解:http://www.jb51.net/article/54713.htm

实现add添加功能:
在这里插入图片描述
insert方法,返回布尔类型的值,true代表添加成功,false代表添加失败。
实现delete删除功能:
在这里插入图片描述
delete方法,返回受影响的行数。
实现edit更新功能:
在这里插入图片描述
update方法,返回受影响的行数。
实现index查询功能,基本语法:
查询一条记录:first()方法
查询多条记录:get()方法
示例代码:
在这里插入图片描述
示例代码:
在这里插入图片描述
实现数据统计:
在这里插入图片描述
实现offset与limit:
在这里插入图片描述
5、Laravel框架中的模型
① 什么是模型
所谓的模型就是企业数据逻辑,负责与数据库进行交互,实现CURD等功能。
② 模型的存放位置
默认情况下:存放在Laravel框架的app目录下
但是,在实际项目开发中,建议把模型放置于app/Http/Models(手工创建)目录下
③ 模型的命名规则
数据表名称+首字母大写
④ 使用php脚手架生成自定义模型
在这里插入图片描述
运行结果:
在这里插入图片描述
④ 更改Model模型的存放位置

复制生成的自定义模型到app/Http/Models目录,如下图所示:
在这里插入图片描述
复制完成后,必须要更改命名空间的位置(非常重要)
在这里插入图片描述
⑤ 使用Laravel中的模型,定义关联表,定义表主键,定义时间戳,定义白名单
在这里插入图片描述
⑥ 在控制器中使用模型操作数据

获取所有数据:
在这里插入图片描述
获取指定id的数据:
在这里插入图片描述
使用AR模式实现添加与更新功能:
在这里插入图片描述
使用delete方法实现删除功能:
在这里插入图片描述
6、Laravel框架中的视图
① 什么是视图

所谓的视图,就是我们常见的用户界面,主要用于数据的显示
② 定义位置
在这里插入图片描述
③ 视图的命名规则
welcome.blade.php 欢迎视图
welcome视图名称
.blade.php 视图后缀
④ 在控制器中调用视图
在这里插入图片描述
⑤ 定义welcome.blade.php视图
在这里插入图片描述
结果:
在这里插入图片描述

五.App开发

1、复制Laravel源代码到项目目录中

2、更改server.php为index.php与.htaccess路径

以上这两步跟上边的类似,所以就不放图了

3、设计数据表

数据库名称:gcwapp
admin数据表名称:gcw_admin
admin数据表的表结构:
在这里插入图片描述
在这里插入图片描述
向表中添加测试数据

4、创建Public控制器

在这里插入图片描述

5、定义login方法,用于载入视图

在这里插入图片描述

6、在resources/views/public文件夹中创建login.blade.php

在这里插入图片描述
复制模板文件中的代码到以上文件中。

7、定义routes.php路由

在这里插入图片描述
设置Public控制器:
在这里插入图片描述

8、复制后台项目的资源文件到public的assets目录中

在这里插入图片描述
使用asset方法,引入资源文件:
在这里插入图片描述

9、编辑login.blade.php模板,引入验证码

在这里插入图片描述

10、复制验证码类到resources/org/code文件夹

在这里插入图片描述

11、在控制器中定义code方法,用于生成验证码

在这里插入图片描述
还要记得设置路由,否则无法显示
在这里插入图片描述

12、在模板中引入验证码

在这里插入图片描述

13、在index.php入口文件中手工开启session

在这里插入图片描述

14、定义表单的url连接,在服务器端对数据进行验证

在这里插入图片描述
在路由中设置请求路由:
在这里插入图片描述
在控制器中定义check方法
在这里插入图片描述
运行结果:
在这里插入图片描述
以上运行结果代表,其Laravel框架会对form表单进行token验证(每个表单都会随机生成token)

在form表单中,调用csrf生成随机token。
在这里插入图片描述

15、使用Input类接收表单数据

在这里插入图片描述
在这里插入图片描述

16、定义Index控制器

在这里插入图片描述
复制Index控制器到Admin目录,然后更改命名空间
在这里插入图片描述

17、定义index.blade.php到views/index目录

在这里插入图片描述

18、设置admin/index路由

在这里插入图片描述


http://chatgpt.dhexx.cn/article/VmwEh602.shtml

相关文章

网易交互设计师微专业 C1 揭开交互神秘面纱

如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~ Chapter1 揭开交互神秘面纱 第一章 揭开交互神秘面纱 产品设计开发流程和团队构成 产品设计开发六大步 交互设计师和产品经理的区别 交互设计影响用户体验…

网易交互设计师微专业C4 让页面更优雅

如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~ Chapter4 让页面更优雅 第一章 你需要懂的视觉心理学 1. 为什么要懂视觉心理学? 原因1. 运用用户观察和思考的规律来设计界面;原因…

web实现全景图的交互展示

Web实现全景图的交互展示 不需要学习其他知识,小白也能实现全景图AR展示一、webVR全景图多种方案实现(aframe,Krpano,three,jquery-vrview等等)二、用krpano之前的一些知识准备三、krpano的购买、下载、注册四、做一个…

WEB UI设计规范

Web应用界面设计规范(Design Specification for Web UI) 主讲人:ARay 目录: 一、软件界面规范的重要性及其目的 二、用户体验为何如此重要 三、Web规范体系介绍 四、界面设计开发流程 五、应该遵循的基本原则 六、界面设计规范 …

Web 与 App 数据交互原理和实现

作者 | 张小虎 杏仁前端开发工程师,前 iOS 开发工程师,关注前端技术栈。 背景 点击图片查看大图已经成了用户浏览页面时的一种习惯,原生 App 往往都实现了这些图片处理功能(点击查看、缩放、保存、滑动浏览等)。对于 W…

人机交互-8-交互式系统设计

1. 设计框架 过早地把重点放在小细节、小部件和精细的交互上会妨碍产品的设计 先站在一个高层次上关注用户界面和相关行为的整体结构房屋设计举例 设计框架 定义高层次上的屏幕布局定义产品的工作流、行为和组织 1.1. 定义外形因素和输入方法 外形因素 设计什么样的产品&am…

人机交互-2-交互设计的原则与方法

交互设计的原则与方法 交互设计中的问题 尽量减少用户需要记忆的部分缺乏反馈 1. 目标Goal vs. 意图Intention 单个目标可对应多个意图 举例:删除文档中的部分内容的目标意图1:通过编辑菜单删除意图2:通过删除按钮删除每个意图可包含一系列活动 2. EEC模型 从用户视角探…

网页交互性设计

对于任何一个Web应用,与用户互动是最基本的要求。为Web应用增加交互性,最常用的方法,莫过于使用 Javascript 或 jQuery、AJAX 了。 本节不打算详细介绍这几种技术,只是简要介绍在网页版 word 中,如何使用这些技术来实…

web与服务器之间的信息交互,web客户端与服务器端如何进行交互

web客户端与服务器端如何进行交互 内容精选 换一换 开启了 Kerberos认证的安全模式集群,进行应用开发时需要进行安全认证。Kerberos这一名词来源于希腊神话“三个头的狗——地狱之门守护者”,后来沿用作为安全认证的概念,使用Kerberos的系统在设计上采用“客户端/服务器”结…

网易交互设计师微专业C5 交互设计测试与评估

如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~ Chapter5 交互设计测试与评估 第一章 为什么要开展测试与评估 用户测试:请目标用户使用产品来完成任务,观察并记录用户使用产品的…

网易交互设计师微专业C3 规范信息架构与流程设计

如果有需要视频资源的可以关注"AI产品经理人",回复关键字“网易交互设计微专业”获取下载链接~ Chapter3 规范信息架构与流程设计 第一章 信息架构设计 (一)认知产品信息架构 定义: 信息架构设计是对信息进行结构…

【人机交互技术】Web界面设计

一、实验目的和要求 1)熟悉 Web 站点的信息交互模型和结构 2)熟悉 Web 界面设计的基本思想和原则 3)掌握 Web 界面设计的工具和技术 二、实验内容与步骤 1)实验内容: 要求根据 Web 界面设计的原则(简洁、一致性、对比度)&#…

尼尔森十大交互设计原则

前言 Jakob Nielsen(雅各布尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习&#…

人机交互-任务4:图形交互界面的设计(web)

文章目录 一、 题目二、 实验内容三、 方案设计四、 实验步骤与过程五、 实验结果与分析完整项目成品下载 一、 题目 目的 (1) 使用掌握的计算机语言完成图形界面的设计,熟悉图形用户界面设计的原则并运用到设计中。 (2) 通过用户友好界面的设计,使学生…

web交互设计模型

《信息架构中的常见模型》是整个“web交互设计方法”中的一部分: 本期的内容目的是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构,首先需要考虑怎样组织内容和功能的关系,也就是切 分内容,如何把一些动作和对…

交互设计文档示例_Web交互的重要性:提示和示例

网站创建涉及许多要素。 网站是与来自世界各地的用户进行交流的最佳媒介。 因此,至关重要的是,其设计方式应吸引用户并吸引其参与。 这是网站可以有效地覆盖其用户的时间。 设计师经常想知道使网站吸引人的秘密成分 。 设计和功能的结合是每个设计师都希…

计算机教改论文发在那家核心期刊,教改论文可以发表在哪些刊物上合适?

原标题:教改论文可以发表在哪些刊物上合适? 教师发表教改论文在考虑发表要求之余,都是希望自己的文章尽快见刊的,如果教师面临的是发表核心刊物的要求,那就做好一定的心理准备了,核心期刊没有容易发表的&am…

刊物论文级别

公开发表的论文分为六个级别是什么 ? (2014-04-18 15:35:20) 转载▼ 第一级-T类 特种刊物论文,指在《SCIENCE》和《NATURE》两本期刊上发表的论文。 第二级-A类:权威核心刊物论文,指被国际通用的SCIE、EI…

计算机专业发论文的等级有哪些,计算机专业发表职称论文多少字

计算机专业发表职称论文多少字?文章的字数关系着作者的发表费用多少,字数越多,作者的费用负担就要越重,所以,广大作者一定充分把握字数的要求,以免写得字数过多或是过短,这样都是不容易发表的,…