当前位置:Gxlcms > php框架 > laravel实现点餐系统,快来点餐吧!

laravel实现点餐系统,快来点餐吧!

时间:2021-07-01 10:21:17 帮助过:123人阅读

下面由Laravel教程栏目给大家laravel实现点餐系统的方法,希望对需要的朋友有所帮助!

一.效果展示

没人给我搞个前端,凑合着搞一个吧。功能很简单,选择你要点的菜,点击买单,系统会自动给出你的消费额。

企业微信截图_15924591169401.png

系统结算消费额:

企业微信截图_15924591673106.png

本功能借助laravel框架实现,很简单的功能用于练习laravel的使用。

二.实现过程

下面介绍一下实现过程:

1.下载laravel框架

这个网上教程和资源很足,想必不用多说,如果你连laravel都不会装,那你还是别往下看了0.0。

2.下载phpstuy并配置

有很多集成环境可供选择,这里我个人比较喜欢phpstuy,比较简单。下载不多比比,这里讲下配置。

企业微信截图_15924591885768.png

如图所示,打开phpstudy是这个样子,我们需要配置的地方有:切换版本(换到7.0或以上)、PHP扩展及设置、修改host、站点域名管理。

(1)版本要求7.0或更高。

(2)在其他选项菜单里面有个php扩展,打开里面的php_mysql、php_mysqli、php_openssl这三个扩展。

企业微信截图_15924592053785.png

(3)站点域名管理

你可以通过这种方式访问你设定目录下的文件,你输入的网站域可以自己定,但是网站目录需要指向两个地方,一个是指向你phpstuy所在目录下的:C:\phpStudy\PHPTutorial\WWW,他可以让你访问此目录下的文件(此处我的网站域是www.doubleguy.com,记住这个域名,下面改host时要用)。一个是指向laravel框架下的public目录:C:\phpStudy\PHPTutorial\WWW\laravel\public,他可以让你访问laravel框架(此处我的网站域是www.test1.dv)。弄完之后别忘了保存!!!

企业微信截图_15924592319835.png

(4)修改host

打开host,把127.0.0.1的域名修改为上面我们站点管理指向的两个目录所对应的的域名。我这个www.test.dv是另一个laravel框架,你还可以指向更多框架,方式是一样的。

企业微信截图_15924592498086.png

3.定义路由(位于:C:\phpStudy\PHPTutorial\WWW\laravel2\routes\web.php)

<?php

Route::get('/', function () {
    return view('welcome');
});

//点餐系统
	//点菜
	Route::any('add','orderController@add');

	//买单
	Route::any('pay','orderController@pay');

企业微信截图_1592459273543.png

4.写个辣鸡前端 (位于:C:\phpStudy\PHPTutorial\WWW\laravel2\resources\views\order.blade.php)

企业微信截图_15924592942019.png

<!doctype <!DOCTYPE html>
<html>
<head>
	<title>订餐系统</title>
	<style type="text/css">
		#header{
			background-color: black;
			color:white;
			text-align:center;
			padding:5px;
		}
		#body{
			background-color: #eeeeee;
		}
		#meet{
			float: left;
			padding: 20px;
			width: 600px;
			text-align: center;
			line-height: 30px;
		}
		#vegtable{
			float: right;
			padding: 20px;
			width: 600px;
			/*text-align: center;*/
			line-height: 30px;
		}
		#fruit{
			float: left;
			clear: left;
			padding: 20px;
			width: 600px;
			text-align: center;
			line-height: 30px;
		}
		#other{
			float: right;
			clear: right;
			padding: 20px;
			width: 600px;
			/*text-align: center;*/
			line-height: 30px;
		}
		#footer{
			clear: both;
			text-align: center;
		}
	</style>
</head>
<body>
	<form action='pay' method="post">
		@csrf
		<p id="header">
			<h1>菜单</h1>
		</p>

		<p id='body'>
			<p id='meet'>
				<h3>肉类</h3>
				<input type="checkbox" name='food[]' value='chicken'>鸡肉 30元<br>
				<input type="checkbox" name='food[]' value='beef'>牛肉 50元<br>
				<input type="checkbox" name='food[]' value='pork'>猪肉 20元<br>
				<input type="checkbox" name='food[]' value='mutton'>羊肉 50元<br>
				<input type="checkbox" name='food[]' value='fish'>鱼肉 50元<br>
				<input type="checkbox" name='food[]' value='rabbit'>兔肉 60元<br>
				<input type="checkbox" name='food[]' value='duck'>鸭肉 30元<br>
				<input type="checkbox" name='food[]' value='donkey'>驴肉 50元<br>
				<input type="checkbox" name='food[]' value='venison'>鹿肉 60元<br>
				<input type="checkbox" name='food[]' value='goose'>鹅肉 40元<br>
			</p>
			<p id='vegtable'>
			<h3>蔬菜</h3>
				<input type="checkbox" name='food[]' value='cabbage'>卷心菜 20元<br>
				<input type="checkbox" name='food[]' value='potato'>土豆 20元<br>
				<input type="checkbox" name='food[]' value='tomato'>番茄 20元<br>
				<input type="checkbox" name='food[]' value='carrot'>胡萝卜 20元<br>
				<input type="checkbox" name='food[]' value='eggplant'>茄子 20元<br>
				<input type="checkbox" name='food[]' value='broccoli'>西蓝花 20元<br>
				<input type="checkbox" name='food[]' value='pepper'>辣椒 20元<br>
				<input type="checkbox" name='food[]' value='cucumber'>黄瓜 20元<br>
			</p>

			<p id='fruit'>
				<h3>水果</h3>
				<input type="checkbox" name='food[]' value='watermelon'>西瓜 15元<br>
				<input type="checkbox" name='food[]' value='apple' >苹果 15元<br>
				<input type="checkbox" name='food[]' value='banana' >香蕉 15元<br>
				<input type="checkbox" name='food[]' value='grape' >葡萄 15元<br>
				<input type="checkbox" name='food[]' value='pineapple' >菠萝 15元<br>
				<input type="checkbox" name='food[]' value='durian' >榴莲 15元<br>
				<input type="checkbox" name='food[]' value='strawberry'>草莓 15元<br>
			</p>
			<p id='other'>
				<h3>其他</h3>
				<input type="checkbox" name='food[]' value='peanut' >花生 15元<br>
				<input type="checkbox" name='food[]' value='bean' >大豆 15元<br>
				<input type="checkbox" name='food[]' value='mushroom' >蘑菇 15元<br>
				<input type="checkbox" name='food[]' value='noddle' >面条 15元<br>
				<input type="checkbox" name='food[]' value='rice' >米饭 10元<br>
				<input type="checkbox" name='food[]' value='cola' >可乐 5元<br>
				<input type="checkbox" name='food[]' value='sprite' >雪碧 5元<br>
				<input type="checkbox" name='food[]' value='milk' >牛奶 5元<br>
			</p>
		</p>

		<p id='footer'>
			<input type='submit' name='submit' value="买单">
		</p>
	</form>
</body>
</html>

5.写个辣鸡后台(位于:C:\phpStudy\PHPTutorial\WWW\laravel2\app\Http\Controllers\orderController.php)

<?php

namespace App\Http\Controllers;

class orderController extends Controller{

	//菜单
	/*//饮料
	$cola = '可乐';
	$sprite = '雪碧';
	$milk = '牛奶';

	//菜	
	$chicken  = '鸡肉';
	$beef     = '牛肉';
	$pork     = '猪肉';
	$mutton   = '羊肉';
	$fish     = '鱼肉';
	$rabbit   = '兔肉';
	$duck     = '鸭肉';
	$donkey   = '驴肉';
	$venison  = '鹿肉';
	$goose    = '鹅肉';
	$cabbage  = '卷心菜';	
	$potato   = '土豆';
	$tomato   = '番茄';
	$carrot   = '胡萝卜';
	$eggplant = '茄子';
	$broccoli = '西蓝花';
	$pepper   = '辣椒';
	$cucumber = '黄瓜';
	$watermelon = '西瓜';
	$peanut   = '花生';
	$bean     = '大豆';
	$mushroom = '蘑菇';
	$noddle   = '面条';
	$rice     = '米饭';
	$apple    = '苹果';
	$banana   = '香蕉';
	$grape    = '葡萄';
	$pineapple = '菠萝';
	$durian   = '榴莲';
	$strawberry = '草莓';*/



	//点菜
	public function add(){

		return view('order');
	}

	//买单
	public function pay(){
		// if($_POST){
		// 	var_dump($_POST['food']);
		// }
		$sum = 0;

		//肉类
		if(in_array('chicken',$_POST['food'],true)){
			$sum += 30;
		}
		if(in_array('beef',$_POST['food'],true)){
			$sum += 50;
		}
		if(in_array('pork',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('mutton',$_POST['food'],true)){
			$sum += 50;
		}
		if(in_array('fish',$_POST['food'],true)){
			$sum += 50;
		}
		if(in_array('rabbit',$_POST['food'],true)){
			$sum += 60;
		}
		if(in_array('duck',$_POST['food'],true)){
			$sum += 30;
		}
		if(in_array('donkey',$_POST['food'],true)){
			$sum += 50;
		}
		if(in_array('venison',$_POST['food'],true)){
			$sum += 60;
		}
		if(in_array('goose',$_POST['food'],true)){
			$sum += 40;
		}

		//蔬菜
		if(in_array('cabbage',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('potato',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('tomato',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('carrot',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('eggplant',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('broccoli',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('pepper',$_POST['food'],true)){
			$sum += 20;
		}
		if(in_array('cucumber',$_POST['food'],true)){
			$sum += 20;
		}
		
		//水果
		if(in_array('apple',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('banana',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('watermelon',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('grape',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('pineapple',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('durian',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('strawberry',$_POST['food'],true)){
			$sum += 15;
		}
		
		//其他
		if(in_array('peanut',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('bean',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('mushroom',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('noodle',$_POST['food'],true)){
			$sum += 15;
		}
		if(in_array('rice',$_POST['food'],true)){
			$sum += 10;
		}
		if(in_array('cola',$_POST['food'],true)){
			$sum += 5;
		}
		if(in_array('sprite',$_POST['food'],true)){
			$sum += 5;
		}
		if(in_array('milk',$_POST['food'],true)){
			$sum += 5;
		}

		echo "尊敬的顾客,您好!你的总消费额为:".$sum;
	}
}

企业微信截图_15924593522598.png

ok,竣工!! 访问一下。(注意,如果www.test.dv/add访问不了的话,用http://www.test.dv/add,有时候www.test.dv/add会直接百度搜索。。。 ╮(╯▽╰)╭ 。。。)

企业微信截图_15924593849670.png

企业微信截图_15924593992494.png

完美!渍渍。 这是最初的模型,后面可能会完善,emmm~

以上就是laravel实现点餐系统,快来点餐吧!的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行