text:
<file_sep><?php
/**
 * Created by PhpStorm.
 * User: Archer
 * Date: 2019/1/9
 * Time: 18:45
 */?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />

    <title>品牌详细</title>

品牌信息

            <form>

品牌名称： 玉兰油OLAY

品牌类型：国外品牌

所属国家：法国

品牌编号：HG3452

品牌商品：共3456件

添加时间：2016-6-21 34：23

状    态：启用

品牌介绍：玉兰油OLAY，是宝洁公司全球著名的护肤品牌，是中国区最大护肤品牌，在大陆已持续十年呈两位数增长。OLAY以全球高科技护肤研发技术为后盾，在深入了解中国女性对护肤和美的需要的基础上，不断扩大产品范围，目前已经涵盖了护肤和沐浴系列，真正帮助女性全面周到地呵护自己的肌肤。玉兰油全球销售额近十亿美金，成为世界上最大、最著名的护肤品牌之一。卓越的护肤功效获得世界爱美女性肯定，迅速畅销150多个国家。

玉兰油OLAY

            </form>

        添加商品
        批量删除

        该品牌下共：234件商品

产品所属分类

全部(235)

 乳液面霜(5)

 套装(15)

 洁面(6)

 精华(2)

 爽肤水(12)

 防晒(6)

 面膜(7)

 眼霜(23)

 精华露(53)

 爽肤水(25)

 隔离(52)

 眼部护理(45)

                    <input type="checkbox" class="ace">
                    产品编号
                    产品名称
                    原价格
                    现价
                    所属地区/国家
                    加入时间
                    审核状态
                    状态
                    操作

                    <input type="checkbox" class="ace" >
                    45631
                    Olay玉兰油 新生塑颜金纯面霜50g（大红瓶）
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    45631
                    玉兰油 Olay 新生塑颜金纯面霜轻盈无香精型50g (大红瓶抗皱紧致 补水保湿)
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    45631
                    玉兰油 Olay 多效修护霜50g(乳液面霜 补水保湿 提拉紧致)
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    543346
                    Olay玉兰油 多效修护粉嫩气色霜50g（保养级BB霜 裸妆） 4G手机Y
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    987767
                    Olay玉兰油 多效修护润舒霜50g（补水保湿、细腻肌肤）
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    54343
                    Olay玉兰油 水感透皙莹肌亮肤液 150ml 4G手机Y
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    786554
                    Olay玉兰油 水感透白亮肤凝乳75ml（提亮肤色）
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    32122
                    Olay玉兰油 活肤菁华霜50g（补水 保湿 ）
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    767544
                    Olay玉兰油 白里透红嫩白乳液75ml（保湿 滋润) 4G手机Y
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    23466
                    小米 Max 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机Y
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

                    <input type="checkbox" class="ace" >
                    54533
                    小米 Max 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机Y
                    5467
                    4525
                    法国
                    2014-6-11 11:11:42
                    通过
                    已启用

<file_sep><!doctype html>

    <meta charset="UTF-8">
    <title>后台管理</title>
    <link href="/month11/web/public/css/admin_login.css" rel="stylesheet" type="text/css" />

后台管理

            <form action="" method="post">

                        用户名：
                        <input type="text" name="name" id="user" size="30" class="admin_input_style" />

                        密码：
                        <input type="<PASSWORD>" name="pwd" id="pwd" size="30" class="admin_input_style" />

                        <input type="submit" tabindex="3" value="提交" class="btn btn-primary" />

            </form>

没有账号，注册一个吧

<file_sep><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css"/>
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="font/css/font-awesome.min.css" />

    <title>支付详细</title>

支付信息

                <form>

支付名称： 银联支付

开通时间：2016-7-1

结束时间：2020-6-21

所属国家：中国

交易类型：人名币

状    态：启用

支付介绍：中国银联是中国银行卡联合组织，通过银联跨行交易清算系统，实现商业银行系统间的互联互通和资源共享，保证银行卡跨行、跨地区和跨境的使用。银联网络遍布中国城乡，并已延伸至亚洲、欧洲、美洲、大洋洲、非洲等境外150个国家和地区(截至2015年1月20日)。

中国银联

                </form>

支持银行

                 删除操作
                 添加银行

                        <input name="form-field-checkbox" type="checkbox" class="ace">

                        <input name="form-field-checkbox" type="checkbox" class="ace">

                        <input name="form-field-checkbox" type="checkbox" class="ace">

                        <input name="form-field-checkbox" type="checkbox" class="ace">

                        <input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

请确保你开通了该银行的付款业务，如果未开通，可能造成用户付款失败。

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<input name="form-field-checkbox" type="checkbox" class="ace">

<file_sep><?php

// autoload.php @generated by Composer

require_once __DIR__ . '/composer/autoload_real.php';

return ComposerAutoloaderInit8b2157b831848e165cc9c7568fd61145::getLoader();
<file_sep><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css"/>
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="font/css/font-awesome.min.css" />

    <title>订单详细</title>

订单编号:NJHDXJ201509-001

收件人信息

                     收件人姓名：

张孝全

                     收件人电话：

16543432343

                     收件地邮编：

104545

                     收件地址：

江苏南京市雨花台区郁金香软件大厦3懂3单元302室

产品信息

      美果汇 美国进口嘎啦果苹果6粒装 加力果 姬娜果 伽利果 新鲜应季水果
      也称为姬娜果，饱满色艳，个头小

规格：500g/斤

数量：2kg

价格：￥56

状态：有货

      美果汇 美国进口嘎啦果苹果6粒装 加力果 姬娜果 伽利果 新鲜应季水果
      也称为姬娜果，饱满色艳，个头小

规格：39.9/5kg

数量：2

价格：￥69.9

状态：有货

      美果汇 美国进口嘎啦果苹果6粒装 加力果 姬娜果 伽利果 新鲜应季水果
      也称为姬娜果，饱满色艳，个头小

规格：500g/斤

数量：2kg

价格：￥56

状态：有货

                     支付方式：

在线支付

                     支付状态：

等待付款

                     订单生成日期：

2016-7-5

                     快递名称：

中通快递

                     发货日期：

2016-7-19

总数：10总价：345元

物流信息

2015-04-28 11:23:28

妥投投递并签收，签收人：他人收 他人收

2015-04-28 07:38:44

深圳市南油速递营销部安排投递（投递员姓名：蔡远发18718860573;联系电话：）

2015-04-28 05:08:00

到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）

2015-04-28 00:00:00

离开中山市 发往深圳市（经转）

2015-04-27 15:00:00

到达广东省邮政速递物流有限公司中山三角邮件处理中心处理中心（经转）

2015-04-27 08:46:00

离开泉州市 发往中山市

2015-04-26 17:12:00

泉州市速递物流分公司南区电子商务业务部已收件，（揽投员姓名：王晨光;联系电话：13774826403）

            <button onclick="article_save_submit();" class="btn btn-primary radius" type="submit">返回上一步</button>

            <button onclick="layer_close();" class="btn btn-default radius" type="button">  取消  </button>

<file_sep><?php
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('/', function () {
    return view('welcome');
});
Route::get('/login', function () {
    return view('login');
});
Route::group(['prefix'=>'/admin'],function(){
   Route::get('/index','Admin\IndexController@index');
    Route::get('/login','Admin\IndexController@login');
    Route::get('/home','Admin\IndexController@home');
    Route::get('/Account_Details','Admin\IndexController@Account_Details');
    Route::get('/Add_Brand','Admin\IndexController@Add_Brand');
    Route::get('/admin_Competence','Admin\IndexController@admin_Competence');
    Route::get('/admin_info','Admin\IndexController@admin_info');
    Route::get('/administrator','Admin\IndexController@administrator');
    Route::get('/Ads_list','Admin\IndexController@Ads_list');
    Route::get('/advertising','Admin\IndexController@advertising');
    Route::get('/Amounts','Admin\IndexController@Amounts');
    Route::get('/article_add','Admin\IndexController@article_add');
    Route::get('/article_list','Admin\IndexController@article_list');
    Route::get('/article_Sort','Admin\IndexController@article_Sort');
    Route::get('/Brand_detailed','Admin\IndexController@Brand_detailed');
    Route::get('/Brand_Manage','Admin\IndexController@Brand_Manage');
    Route::get('/Category_Manage','Admin\IndexController@Category_Manage');
    Route::get('/Competence','Admin\IndexController@Competence');
    Route::get('/Cover_management','Admin\IndexController@Cover_management');
    Route::get('/Feedback','Admin\IndexController@Feedback');
    Route::get('/Guestbook','Admin\IndexController@Guestbook');
    Route::get('/integration','Admin\IndexController@integration');
    Route::get('/member_Grading','Admin\IndexController@member_Grading');
    Route::get('/member_show','Admin\IndexController@member_show');
    Route::get('/Order_Chart','Admin\IndexController@Order_Chart');
    Route::get('/order_detailed','Admin\IndexController@order_detailed');
    Route::get('/Order_handling','Admin\IndexController@Order_handling');
    Route::get('/Orderform','Admin\IndexController@Orderform');
    Route::get('/Payment_Configure','Admin\IndexController@Payment_Configure');
    Route::get('/Payment_details','Admin\IndexController@Payment_details');
    Route::get('/payment_method','Admin\IndexController@payment_method');
    Route::get('/picture_add','Admin\IndexController@picture_add');
    Route::get('/product_category_add','Admin\IndexController@product_category_add');
    Route::get('/Products_List','Admin\IndexController@Products_List');
    Route::get('/Refund','Admin\IndexController@Refund');
    Route::get('/Refund_detailed','Admin\IndexController@Refund_detailed');
    Route::get('/Shop_list','Admin\IndexController@Shop_list');
    Route::get('/shopping_detailed','Admin\IndexController@shopping_detailed');
    Route::get('/Shops_Audit','Admin\IndexController@Shops_Audit');
    Route::get('/Sort_ads','Admin\IndexController@Sort_ads');
    Route::get('/System_Logs','Admin\IndexController@System_Logs');
    Route::get('/System_section','Admin\IndexController@System_section');
    Route::get('/Systems','Admin\IndexController@Systems');
    Route::get('/transaction','Admin\IndexController@transaction');
    Route::get('/user_list','Admin\IndexController@user_list');

});<file_sep><?php
/**
 * Created by PhpStorm.
 * User: Archer
 * Date: 2019/1/9
 * Time: 13:59
 */

namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Controller;

class IndexController extends Controller
{
    public function index(){
        return view('admin/index');

    }
    public function login(){
        return view('admin/login');
    }
    public function home(){
        return view('admin/home');
    }
    public function Account_Details(){
        return view('admin/Account_Details');
    }
    public function Add_Brand(){
        return view('admin/Add_Brand');
    }
    public function admin_Competence(){
        return view('admin/admin_Competence');
    }
    public function admin_info(){
        return view('admin/admin_info');
    }
    public function administrator(){
        return view('admin/administrator');
    }
    public function Ads_list(){
        return view('admin/Ads_list');
    }
    public function advertising(){
        return view('admin/advertising');
    }
    public function Amounts(){
        return view('admin/Amounts');
    }
    public function article_add(){
        return view('admin/article_add');
    }
    public function article_list(){
        return view('admin/article_list');
    }
    public function article_Sort(){
    return view('admin/article_Sort');
    }
    public function Brand_detailed(){
        return view('admin/Brand_detailed');
    }
    public function Brand_Manage(){
        return view('admin/Brand_Manage');
    }
    public function Category_Manage(){
        return view('admin/Category_Manage');
    }
    public function Competence(){
        return view('admin/Competence');
    }
    public function Cover_management(){
        return view('admin/Cover_management');
    }
    public function Feedback(){
        return view('admin/Feedback');
    }
    public function Guestbook(){
        return view('admin/Guestbook');
    }
    public function integration(){
        return view('admin/integration');
    }
    public function member_Grading(){
        return view('admin/member_Grading');
    }
    public function member_show(){
        return view('admin/member_show');
    }
    public function Order_Chart(){
        return view('admin/Order_Chart');
    }
    public function order_detailed(){
        return view('admin/order_detailed');
    }
    public function Order_handling(){
        return view('admin/Order_handling');
    }
    public function Orderform(){
    return view('admin/Orderform');
    }
    public function Payment_Configure(){
        return view('admin/Payment_Configure');
    }
    public function Payment_details(){
        return view('admin/Payment_details');
    }
    public function payment_method(){
        return view('admin/payment_method');
    }
    public function picture_add(){
        return view('admin/picture_add');
    }
    public function product_category_add(){
        return view('admin/product_category_add');
    }
    public function Products_List(){
        return view('admin/Products_List');
    }
    public function Refund(){
        return view('admin/Refund');
    }
    public function Refund_detailed(){
        return view('admin/Refund_detailed');
    }
    public function Shop_list(){
        return view('admin/Shop_list');
    }
    public function shopping_detailed(){
        return view('admin/shopping_detailed');
    }
    public function Shops_Audit(){
        return view('admin/Shops_Audit');
    }
    public function Sort_ads(){
        return view('admin/Sort_ads');
    }
    public function System_Logs(){
        return view('admin/System_Logs');
    }
    public function System_section(){
        return view('admin/System_section');
    }
    public function Systems(){
        return view('admin/Systems');
    }
    public function transaction(){
        return view('admin/transaction');
    }
    public function user_list(){
        return view('admin/user_list');
    }

}

languages: Blade PHP

repo_language: Blade

repo_name: ArchersZhou/shop


text:
<file_sep>For this assignment, I was instructed to refactor the entire webpage and write a summary for all changes made during the assignment given. But first, allow me to explain the term refactor.The definiton of refactor derives from the term code refactor. Code refactoring is the process of restructuring existing computer code-- changing the refactoring--without changing it's external bahavior. In simplest terms, code refactoring or refactoring is to reduce or make changes to the code internally, while anything external unchnged or simply making necessary changes to a code script. The process of sych can be as listed:

- Reducing excessive line usage

- Grouping like section, headers, footers, and other classes together to make coding script look neater than it's original form.

- The process of putting Semantics to replace different tags.

In this paragraph, I will explain step by step how I refactored the coding script completely. First, I viewed the code script and noticed there a were an ample amount of <div> tags listed throughout the entire script of code. The question that went wild was, "What does the <div> tag mean and is it necessary?" Thirsty to find the answer, I searched on Google to educate myself on what <div> tags means. The answer was revealed to me as my trust in Google never fails. I seaerched for my answer ona website www.w3schools.com provided by Google. W3Schols states, " The <div> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.The <div> tag is easily styled by using the class or id attribute.Any sort of content can be put inside the <div> tag!" Being educated on the mystery tag, I began to test theories on different semantic tags to replace the <div> tags seen throughout the code scrpit. I replaced all the <div> tags with two new tags, named summary and aside. These two tags are used to explain the different types of texts in the website I am tasked to refactor. The summary tag is used for the bodies of text on the website. The bodies of text are summary of their corresponding headers: search engine optimization, online reputation, and social media marketing. While the aside tag was used for the caption and text seen on the far right of the webpage. Once I replaced <div> with aside and summary, I opened my default Browser to see if any incorrect were made. As a result, everything was fine as if I never touched at all.

Next, I began to notice while testing everything was running smoothly in the website I seen something was terribly incorrect. The teab labeled, " Search Engine Optimization" wasn't clickable to perform it's action like the other two tabs shown. To fix the mistake, I looked back at my index.html and noticed somthing wasn't right that appeared to be correct with the other two tabs. Once the issue was resolved, I continued my task of refactoring of finding anymore issues. The remaining refactoring was work done to simplify the amount of lined used, modifications and updates.Reducing lines, modifications to class sections and images (inputting alt) for each and links for ID from lines 16-21 were added.
Finally, refactoring in the style.css file was to reduce line usage and combine like sections in one to reduce excessive line usage.

## Link to Deployed Application:
https://mcghee01.github.io/Refactoring-HTML-Project/

![Alt text](.\assets\images\Screenshot (59).png?raw=true "Title")

branch_name: refs/heads/main

repo_language: Markdown