专栏首页达达前端dashucoding记录2019.6.7

dashucoding记录2019.6.7

购买阿里云ECS主机 购买域名 申请备案 环境配置 安装wordpress 域名解析 在“产品与服务”中选择云服务器ECS

image.png

购买完域名之后建议去实名认证

域名购买链接:http://wanwang.aliyun.com/

买了阿里云的服务器,想要通过域名访问,那域名是必须要备案的

备案审核需要二十天左右

image.png

个人网站备案,是要办理拍照的;如果是企业网站备案,不需要拍照,但要提供营业执照和税务登记等材料。

点击云市场,找到“Linux一键安装web环境”的安装包

image.png

image.png

image.png

image.png

image.png

安装准备xshell和xftp:

下载链接:https://www.netsarang.com/download/main.html

Xshell的配置

image.png

image.png

image.png

输入阿里云服务器的用户名和密码

image.png

image.png

设置字符集编码

b512e603-19a8-4cfe-ab18-ff844e35df31

638e7beb-eac1-46b2-a399-aa05a6378ac5

拷贝文件:

打开Xshell连接到主机成功后,按照下图所示进行文件的拖拽

image.png

image.png

image.png

紧接着输入如下命令:

chmod -R 777 sh-1.4.4

cd sh-1.4.4/

./install.sh

image.png

image.png

image.png

安装完成之后的检查

查看正在运行状态的服务及端口:

netstat -tunpl

io.js是“尝鲜版”,而Node.js是线上稳定版

Node.js官网下载对应平台的安装程序

Node.js的包管理工具(package manager)

'use strict';

console.log('Hello, world.');

image.png

使用严格模式

node --use_strict calc.js

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

9000 端口:php进程服务(这里我们选择安装的是apache,所以没有这个9000端口,这是因为nginx+php集成方式与 apache+php集成方式不同) 3306端口:mysql服务 80端口:httpd或者nginx服务 21端口:ftp服务

邀请好友
group-product-page.wpy
friend-invite-page.wpy没有这个页面
my-group-page.wpy
pay-success-group-page.wpy
mine-page.wpy
group-detail-page.wpy
attr-box.wpy
attr-boxs.wpy
share.wpy

MVVM架构模式

//index.js

//获取应用实例
var app = getApp()

//通过Page构造函数创建页面逻辑
Page({
    //可用于页面模板绑定的数据
    data: {
        motto: 'Hello World',
        userInfo: {}
    },

    //事件处理函数
    bindViewTap: function() {
        console.log('button clicked')
    },

    //页面的生命周期函数
    onLoad: function () {
        console.log('onLoad')
    }
})

基于WePY的代码:

//index.wpy中的<script>部分

import wepy from 'wepy';
//通过继承自wepy.page的类创建页面逻辑
export default class Index extends wepy.page {
    //可用于页面模板绑定的数据
    data = {
        motto: 'Hello World',
        userInfo: {}
    };

    //事件处理函数(集中保存在methods对象中)
    methods = {
        bindViewTap () {
            console.log('button clicked');
        }
    };

    //页面的生命周期函数
    onLoad() {
        console.log('onLoad');
    };
}
// index.wpy

<template>
    <view>
        <panel>
            <h1 slot="title"></h1>
        </panel>
        <counter1 :num="myNum"></counter1>
        <counter2 :num.sync="syncNum"></counter2>
        <list :item="items"></list>
    </view>
</template>

<script>
import wepy from 'wepy';
//引入List、Panel和Counter组件
import List from '../components/list';
import Panel from '../components/panel';
import Counter from '../components/counter';

export default class Index extends wepy.page {
    //页面配置
    config = {
        "navigationBarTitleText": "test"
    };

    //声明页面中将要使用到的组件
    components = {
        panel: Panel,
        counter1: Counter,
        counter2: Counter,
        list: List
    };

    //可用于页面模板中绑定的数据
    data = {
        myNum: 50,
        syncNum: 100,
        items: [1, 2, 3, 4]
    }
}
</script>

project
└── src
    ├── pages
    |   ├── index.wpy    index 页面逻辑、配置、结构、样式
    |   └── log.wpy      log 页面逻辑、配置、结构、样式
    └──app.wpy           小程序逻辑、公共配置、公共样式

promise、async/await

默认使用babel编译,支持ES6/7的一些新特性

image.png

在命令行输入如下命令: 设置ftp和mysql的密码:

cat account.log

image.png

修改ftp的密码

passwd www

image.png

修改mysql的密码:

mysqladmin -uroot -p旧密码 password 新密码

安装软件的版本信息:

image.png

安装phpMyAdmin

去官网下载,下载链接:https://www.phpmyadmin.net/downloads/

不要下载带有“betal”字样的版本,那是测试版

打开xshell->点击上方的文件夹 进入alidata/www/phpwind目录下

image.png

打开浏览器输入“公网ip/phpMyAdmin”

排序规则选:

utf8_general_ci

安装wordpress: 下载链接:https://cn.wordpress.org/

42e1dd3d-eaf7-4719-91c4-d382470420ae

将wordpress文件夹内部的全部内容传输到服务器端的alidata/www/phpwind目录下 解压完了之后

image.png

使用浏览器访问阿里云的公网ip

image.png

image.png

image.png

域名解析:

image.png

image.png

image.png

image.png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • mpvue开发小程序

    beforeCreate created beforeMount mounted beforeUpdate updated activated d...

    达达前端
  • IDEA项目上传到github

    达达前端
  • 前端

    块标签 每一个块属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始 可以设置宽度、高度,行高,距顶部距离,距底部距离 块属性标签的宽度假如不做...

    达达前端
  • 线性代数——(3)矩阵

    羊羽shine
  • 维基链私有链搭建方法

    (3) 运行 sh bin/run-waykicoind-pri.sh启动Docker 节点

    维基链WICC
  • 19年你应该关注这50款前端热门工具(中)

    上篇文章《19年你应该尝试的50款前端工具(上)》,小编介绍了构建、框架和库的相关工具,本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十...

    前端达人
  • 高质量编码-EchartsLayer

    使用函数式编程,这也是现在大数据处理的方式和思想。注意shapefile的线数据可以有LineString和MultiLineString两种类型,我们在代码中...

    MiaoGIS
  • 线性代数基础之A的LU分解

    ---- 概述 在线性代数基础之矩阵乘法已经介绍了矩阵乘法的行图像和列图像代表什么什么意义,包括在求解Ax=b的线性方程组是通过消元法来求解该方程组以及矩阵的逆...

    BrianLv
  • Prometheus:pushgateway

    1、安装 2、启动 pushgateway --web.listen-address="0.0.0.0:9091"

    用户5760343

扫码关注云+社区

领取腾讯云代金券