一.效果展示

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

系统结算消费额：

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

二.实现过程

下面介绍一下实现过程：

1.下载laravel框架

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

2.下载phpstuy并配置

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

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

（1）版本要求7.0或更高。

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

（3）站点域名管理

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

（4）修改host

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

3.定义路由（位于：C:\phpStudy\PHPTutorial\WWW\laravel2\routes\web.php）

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



	
	
		#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;
		}
	


	
		@csrf
		
			
菜单
		


		
			
				
肉类
				鸡肉 30元

				牛肉 50元

				猪肉 20元

				羊肉 50元

				鱼肉 50元

				兔肉 60元

				鸭肉 30元

				驴肉 50元

				鹿肉 60元

				鹅肉 40元

			

			
			
蔬菜
				卷心菜 20元

				土豆 20元

				番茄 20元

				胡萝卜 20元

				茄子 20元

				西蓝花 20元

				辣椒 20元

				黄瓜 20元

			


			
				
水果
				西瓜 15元

				苹果 15元

				香蕉 15元

				葡萄 15元

				菠萝 15元

				榴莲 15元

				草莓 15元

			

			
				
其他
				花生 15元

				大豆 15元

				蘑菇 15元

				面条 15元

				米饭 10元

				可乐 5元

				雪碧 5元

				牛奶 5元

			

		


		
			
		

	

5.写个辣鸡后台（位于：C:\phpStudy\PHPTutorial\WWW\laravel2\app\Http\Controllers\orderController.php）
ok，竣工！！ 访问一下。（注意，如果www.test.dv/add访问不了的话，用http://www.test.dv/add，有时候www.test.dv/add会直接百度搜索。。。  ╮(╯▽╰)╭  。。。）