正文

laravel实现点餐系统，快来点餐吧！

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0716

一.效果展示

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

企业微信截图_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:phpStudyPHPTutorialWWW，他可以让你访问此目录下的文件(此处我的网站域是www.doubleguy.com，记住这个域名，下面改host时要用）。一个是指向laravel框架下的public目录：C:phpStudyPHPTutorialWWWlaravelpublic，他可以让你访问laravel框架（此处我的网站域是www.test1.dv)。弄完之后别忘了保存！！！

企业微信截图_15924592319835.png

（4）修改host

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

企业微信截图_15924592498086.png

3.定义路由（位于：C:phpStudyPHPTutorialWWWlaravel2 outesweb.php）


<?php

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

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

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

企业微信截图_1592459273543.png

4.写个辣鸡前端 （位于：C:phpStudyPHPTutorialWWWlaravel2 esources iewsorder.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:phpStudyPHPTutorialWWWlaravel2ppHttpControllersorderController.php）


<?php

namespace AppHttpControllers;

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实现点餐系统，快来点餐吧！的详细内容，更多请关注米米素材网其它相关文章！