![bf3cbe1413740b8ae88a5aa9e7cd9a67.png](https://i-blog.csdnimg.cn/blog_migrate/fdd207b3681effa65816336cd3bc6a28.jpeg)
php中文网最新课程
每日17点准时技术干货分享
![63175a01d4be425e02219c0d8dda0ac7.png](https://i-blog.csdnimg.cn/blog_migrate/c4ea511bb588ef55e19b351572561ca9.jpeg)
一.效果展示
没人给我搞个前端,凑合着搞一个吧。功能很简单,选择你要点的菜,点击买单,系统会自动给出你的消费额。
系统结算消费额:
本功能借助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)
<?php Route::get('/', function () { return view('welcome');});//点餐系统 //点菜 Route::any('add','orderController@add'); //买单 Route::any('pay','orderController@pay');
4.写个辣鸡前端
(位于:C:\phpStudy\PHPTutorial\WWW\laravel2\resources\views\order.blade.php)
!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; }}
ok,竣工!!访问一下。
注意:如果www.test.dv/add访问不了的话,用http://www.test.dv/add,有时候www.test.dv/add会直接百度搜索
完美!这是最初的模型,后面可能会完善,emmm~
▼