配置本地服务器,服务器搭建配置

废话不多说,上海体育场合:

什么火速搭建&配置当地服务器-前端能力,火速搭建

废话不多说,上海体育场合:

率首先登场六
下载安装phpstudy,尤其轻便不详解;

创建多少个本机项目同时与本机域名实行绑定首要分为两步;

一>.须求在站点域名管理中校你创制的域名与网址目录进行绑定

二>.修改本地的hosts文件,将你的域名与本机的IP举办绑定

叁>.this over  (作者将配备时代前卫程截图了,下方流程)

1.开垦根目录

图片 1

2.新建多个文本夹及文件

图片 2

3.站点域名管理

图片 3

4.安排站点域名

图片 4

5.打开hosts

图片 5

6.将你的域名与本机的IP举行绑定

图片 6

七.over  你的网站已经铺排好了,快来试试啊

图片 7

废话不多说,上海教室: 首首先登场入
下载安装phpstudy,特别轻松不…

服务器的搭建与配置,服务器搭建配置

1、用管理员来运行本地的Apache服务器
sudo apachectl -k start

二、重新起动
sudo apachectl -k restart

三、查找Apache的私下认可文书档案目录
cd /etc/apache2/

sudo vim httpd.conf

/DocumentRoot –>(那里供给改造两处DocumentRoot)

备考:在Mac系统中,多数系统服务的布局都以因而改造、重启来落实的。

配置本地服务器,服务器搭建配置。四、在Finder中新建网址文件夹Sites,并修改为读写权限。(在展现简单介绍里)

5、在vim中期维修改两处DocumentRoot的内容

陆:命令格局
1> shift+v 能够选中一行
二> y 复制一行
三> p 在当下行下方粘贴复制的内容
四> d$ 删除到行尾
伍> x 删除一个字符
六> :wq 保存退出
7> :q! 不保留退出
8> i 进入编辑方式

编辑格局:用于编辑按esc能够切换会命令情势

7、php支持
cd /etc/apache2

sudo vim httpd.conf

/php

删除#并保存

cd /etc/

sudo cp php.ini.default php.ini

重新启航Apache服务器

8、设置mysql命令的外号
vim ~/.bash_profile

i

粘贴一下内容
# mysql
alias mysql=’/usr/local/mysql/bin/mysql’
alias mysqladmin=’/usr/local/mysql/bin/mysqladmin’
# ls
alias ls=’ls -G’

:wq

再度起动终端程序

九、设置mysql的指挥者密码
mysqladmin -u root password “123456”

10、改换mysql的管理人密码
mysqladmin -u root -p password “123456”

10、安装mysql管理工科具-navicat premium

一、用管理员来运行本地的Apache服务器 sudo apachectl -k start 二、重新启航
sudo apachectl -k restart 三、查找A…

前言

运用前端框架能便捷搭建出所急需的页面。那样就毫无费心境去规划了,节省了耗费时间和财力。
常用的前端框架有BootStrap(国外,在境内使用相比常见),AmazeUI(国产),WeUi(微信支付专用框架)。我们可适用选取本身喜好的框架。
此间大家利用的是WeUI。演示一下调用WeUI中的ActionSheet组件
注:那里您有异常的大希望会尝试成功,然则洋洋原理你不肯定会。提议先去laravel大学学点基础教程,和去慕课学点前端基础。

率先登六
下载安装phpstudy,尤其简单不详解;

行使Git下载框架
  1. 在Git Cmd中输入 cd Desktop
  2. 在Git Cmd中输入 git clone https://github.com/weui/weui
  3. 稍等一会就将weui的源码下载到桌面上了。
  4. 然后将这么些文件夹放至laravel的public下

图片 8

Paste_Image.png

成立三个本机项目还要与本机域名进行绑定主要分为两步;

飞快利用前端框架

1>.需求在站点域名管理团长您创立的域名与网址目录实行绑定

预加防御专门的学业
  1. 在 public目录下新建css,js ,images,fonts文件夹用以存放相应的文本。
  2. 将weui中的css文件放至你协调创设的css文件夹下
  3. 在js文件夹下存放jQuery v一.1一.2文件,网络文件过多,那里咱们可机关检索
  4. 在resources\view文件夹下新建component文件夹
  5. 在view文件夹下新建master.blade.php,login.blade.php四个文件
  6. 在component文件夹下新建actionsheet.blade.php文件

二>.修改本地的hosts文件,将您的域名与本机的IP进行绑定

编写模板文件
  • master.blade.php 源码
    “`<!doctype html>&lt;html lang="en"&gt;<head>&lt;meta charset="UTF-8"&gt; <meta name=”viewport”
    content=”width=device-width, user-scalable=no, initial-scale=1.0,
    maximum-scale=1.0, minimum-scale=1.0″>&lt;meta
    http-equiv="X-UA-Compatible"
    content="ie=edge"&gt;
    <title>@yield(‘title’)</title>&lt;link rel="stylesheet" href="css/weui.css" type="text/css"&gt;
    <link rel=”stylesheet” href=”css/book.css”
    type=”text/css”>&lt;/head&gt;<body>`

</body>
<script src="js/jquery-1.11.2.min.js"></script>
@yield('my-js')
</html>```

- login.blade.php源码

```@extends('master')
@section('title','登录')
@section('content')
    @include('component.actionsheet')
@endsection
@section('my-js')
    <script type="text/javascript">
        // ios
        $(function(){
            var $iosActionsheet = $('#iosActionsheet');
            var $iosMask = $('#iosMask');

            function hideActionSheet() {
                $iosActionsheet.removeClass('weui-actionsheet_toggle');
                $iosMask.fadeOut(200);
            }
            $iosMask.on('click', hideActionSheet);
            $('#iosActionsheetCancel').on('click', hideActionSheet);
            $("#showIOSActionSheet").on("click", function(){
                $iosActionsheet.addClass('weui-actionsheet_toggle');
                $iosMask.fadeIn(200);
            });
        });
    </script>
@endsection```

- actionsheet.blade.php源码
```<div class="page">
    <div class="page__bd page__bd_spacing">`
        <a href="javascript:;" class="weui-btn weui-btn_default" id="showIOSActionSheet">iOS ActionSheet</a>
    </div>
  `  <!--BEGIN actionSheet-->`
`    <div>`
        <div class="weui-mask" id="iosMask" style="display: none"></div>
        <div class="weui-actionsheet" id="iosActionsheet">
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
            </div>
            <div class="weui-actionsheet__action">
                <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
            </div>
        </div>
    </div>
  `  <!--END actionSheet-->`
</div>```

- 最后在把app/Http/routes.php的代码改为

`Route::get('/', function () {`
  `  return view('login');`

`});`
- 差不多就是这样了,下面是效果图

![效果图.png](http://upload-images.jianshu.io/upload_images/3246153-3be7ea424159f74e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)