泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱-网站优化-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱

发表日期: 2021-06-03 15:58:43 浏览次数:217

泸州网络公司哪家好【泸州企业网站百度SEO推广公司】泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱


网站建设.jpg


泸州,古称“江阳”,别称酒城、江城 [75]  ,是四川省地级市,全国区域中心城市 [75]  ,川渝滇黔结合部区域中心城市和成渝地区双城经济圈南翼中心城市 [1]  、重要的商贸物流中心,长江上游重要的港口城市。截止2020年12月底,全市乡镇政区126个,面积12232.34平方公里。2020年末全市公安户籍登记户数158.09万户,户籍总人口507.95万人,其中乡村人口305.71万人,城镇人口202.24万人,户籍人口城镇化率39.8% [12]  ;2020年泸州市常住人口4254149人 [86]  。

泸州是国家历史文化名城,具有两千多年历史文化;西汉设江阳侯国;梁武帝大同年间建置泸州;泸州在宋代即为西南要会,明代即与成都、重庆三足鼎立,成为当时全国33个商业大都会之一。 [76]  形成了以名酒文化、生态文化、红色文化、历史文化、长江文化为代表的五大特色旅游资源;拥有国家4A级旅游景区7个,国家3A级旅游景区6个,国家2A级旅游景区9个。 [3-4]  [75] 

泸州是长江中上游地区第二大集装箱码头,四川第三大航空港 [77]  ;也是第三批国家新型城镇化综合试点地区、跨境电子商务综合试验区;世界级白酒产业基地,国家重要的以名优酒为主体的食品工业基地、循环型化工基地、清洁能源生产基地、国家高性能液压件高新技术产业化基地、国家9大工程机械生产基地之一。 [2] 

先后获得过联合国改善人居环境最佳范例奖(迪拜奖)、中国地级市民生发展100强、国家卫生城市、中国优秀旅游城市、国家森林城市、国家园林城市、全国文明城市、国家水生态文明城市等荣誉。 [5-6] 



概述

web端三大框架react、vue和angular,本篇教程介绍react的从入门到精通。

一、环境搭建

1、npm搭建项目

如果您之前未曾使用过 create-react-app,请先通过如下命令全局安装(假定您本机已经安装了 Node.js):

npm install -g create-react-app

然后,通过如下命令构建一个新的项目my-app:

npx create-react-app my-app

通过cd my-app命令进入项目文件夹,执行npm run start命令启动程序,成功运行,则实验环境准备完毕。

最终目录结构

├─ node_modules├─ public├─ src├─ .gitignore├─ package.json├─ README.md└─ yarn.lock

打开浏览器,输入http://localhost:3000可以看到系统默认生成的页面了。(看到如下页面标识安装成功)

 react.js从入门到精通(一)——我的第一个react实例demo

2、推荐使用的项目结构

如果你对上面的一无所知的话可以访问追梦猪git下载demo实现快捷开发,省掉安装的步骤

追梦猪react项目demo实例(https://github.com/jiawenguang/React-demo.git)

可以通过git clone方式下载项目结构。

二、目录结构与各文件功能

1、目录结构

 react.js从入门到精通(一)——我的第一个react实例demo

1、index.js文件为项目的总入口,CDN引入的资源可以放在此文件中。

2、package.json文件是模块功能配置,使用npm install可生成node_modules文件夹,所有模块功能所需要的资源都存储在这个文件夹中。

3、routers.js文件是路由配置文件,路由功能是三大前端框架的特色(具体用法下面会详细说)。

4、home.js文件是项目结构初始化放上去的界面。

5、components文件夹是存放组件使用。

6、assets文件夹存放静态资源

7、views文件夹存放页面视图

8、router文件夹存放路由

三、react.js的第一个dome

在Home.js中编写代码,代码如下:

import React, {Component} from 'react';import logo from '../logo.svg';class Home extends Component {  render(){    return (      <div className="zmz-react">        <header className="App-header">          <img src={logo} className="App-logo" alt="logo" />          <p>            我的第一个demo从react初始化开发          </p>          <a            className="App-link"            href="https://reactjs.org&quot;            target="_blank"            rel="noopener noreferrer"          >            准备起步          </a>        </header>      </div>    );  }}export default Home;

效果如下:

 react.js从入门到精通(一)——我的第一个react实例demo




泸州网络公司哪家好泸州企业网站百度SEO推广公司泸州做网站开发价格、泸州淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、泸州高端企业网站页面制作设计专业公司需要多少钱

上一条:泸州企业微信公众号小程序开发公司、泸州企业网页设计方案、泸州做网站开发价格、泸州微信公众号制作运营报价明细表、泸州网站设计公司费用、泸州网站推广大概需要多少钱
下一条:泸州网站制作要多少钱【域名企业邮箱服务器注册申请办理】泸州网络优化公司哪家好、泸州软件开发外包价格、泸州高端企业网站页面制作设计专业公司、泸州微信公众号小程序购物支付搭建制作公司
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约