typecho和wordpress模板了解、开发流程介绍、前台后台前端后端区分

网站模板搭建网站:

使用网站模板搭建网站很简单,只需要将相关文件放到你自己的服务器上面,之后在进行相关的配置即可。这里给大家介绍两款网站模板:

typecho:

是一个轻量高效,简单操作就能搭建网站的模板,如果要了解更多建议访问官方网站:http://typecho.org/

在这里插入图片描述

其几点需要注意:

1.首先将下载好的typecho文件夹放到一个置好的虚拟主机上,之后浏览器输入域名地址访问。

2.进入到欢迎使用typecho首页,点击 我准备好了, 开始下一步 » ,此时 数据库适配器 点击不了,需要开启C:\F\php\php.ini中的配置:ctrl+f 搜索带有pdo字符的配置,这里操作MySQL是pdo,并非mysqli,前面只介绍了mysqli操作mysql,如果想要了解pdo操作数据库,可以访问官方文档:https://www.php.net/manual/zh/ref.pdo-mysql.php、https://www.runoob.com/php/php-mysql-create.html

3.重启Apache,此时刷新浏览器可以看到 数据库适配器 可以选择了, pdo驱动SQLite 不需要安装,它是一个数据库文件的形式,这里我们选择数据库适配器。

4.在Navicat Premium 15中新建一个数据库,不用管理它,只需要建立一个和它关联的数据库即可。

5.确认,开始安装后,可以看到前后台连接。

WordPress:

wordpress是一个开源软件,你可以用它来创建一个漂亮的网站,它是一个世界级的模板,如果想要了解更多可以访问官方文档:https://wordpress.org/

在这里插入图片描述

项目开发流程简介:

要想开发一个属于自己或团队的网站,作为开发者有必要知道具体流程。如果公司技术团队完整的情况下,基本开发流程如下:(当然某些公司技术团队可能不完整,可能把UI设计交给前端,数据库设计交给后端等)

  1. 需求分析: 分析应用程序要做什么功能, 应对那些业务。-- – --可采用XMind制作思维导图。

  2. 原型设计: 根据需求分析的结果规划应用程序的原型, 可以理解为打草稿。-- – - 可采用Axure / 墨刀等设计。

  3. UI设计: 将草稿转化为设计稿, 并提供相应的产物(设计稿, 静态页面)。 – -- - 采用ps / ai / Sketch等设计。

  4. 技术选型: 根据业务场景分别选择对应的技术栈(数据库技术栈, 后端技术栈, 前端技术栈),根据公司技术团队现状,采用技术团队熟悉的技术开发。

  5. 数据库设计: 根据需求和原型分析有哪些类型的数据要存, 得到我们数据库的基本结构。

  6. 项目架构设计: 俗称搭架构, 具体操作是制定项目规范约束, 创建基本的项目结构, 编写公共模板块代码和组织代码。

  7. 业务迭代开发: 开发者的工作, 基于项目架构完成各项业务功能。

  8. 集中测试: 将所有功能模块整合到一起, 集中测试业务功能是否正常, 是否满足业务需求。

  9. 部署上线: 发环境向生产环境转换,把应用部署到服务器。

项目架构:

关于项目架构实际就是搭一个项目的架子,粗略的知道项目的骨架,让所有的开发人员基于这一个约束基础之上展开开发工作;一般项目都会分前台和后台两部分;前台是供用户使用的,后台多为运营人员管理,但是前台和后台都是操作同一个数据库。

此时我们可以看得出,前台和后台可以分离开发,因此实际开发中常常会把这类项目分成两个项目去做,但是这种开发是比较麻烦的。因此也有公司将它作为一个项目开发,后台仅作为一个 子目录,如:

//前后台分离开发:http://www.kuhaiblog.com和http://www.manage.com//前后台捆绑开发:http://www.kuhaiblog.com和http://www.kuhaiblog.com/manage/,当然这种开发管理页应该是私密的。

基本目录结构:

前后台分离开发目录结构比较单一,这里采用前后台捆绑开发目录介绍,以下是开发中常见目录命名及解释,当然实际开发中以具体项目进行增删目录,要考虑文件命名语义化。

    └────kuhaiblog ··············· 项目文件夹(网站根目录,部署到服务器上网站的根文件夹)└───manage ····················后台项目的文件夹│   └──css ····························存放css文件的目录│   └──js  ····························存放js文件的目录│   └──lib ····························存放第三方引用的文件目录│   └──static ·························存放其他页面的文件夹,当然此文件夹一般表示存放静态资源,例如css,js,html等都可以存放│   └──index.php ······················后台index页├── static ····················· 前台项目静态文件夹,一般存放html,css,js,引用文件等│   ├── assets ················· 资源文件夹,存放css,html,js,图片,引用等资源│   └── uploads ················ 上传文件夹,存放用户上传的图片,视频等文件,里面可以具体划分└── index.php ·················· 前台index文件

整合静态资源文件:

静态文件:指服务器不会经过任何处理就返回给客户端浏览器的文件,比如:图片、样式表、字体文件等。

动态文件:指服务器会对请求的文件进行处理,并将处理后的结果返回给客户端浏览器的文件,比如:PHP 文件、ASP 文件、JSP 文件等。Apache / Nginx 这一类 Web Server 本身可以处理静态文件请求,所以不需要 PHP 处理静态文件请求。只需要将静态资源放到网站目录中即可。

项目配置文件:

由于在开发过程中,肯定有一部分公共的成员,例如数据库名称,数据库主机,数据库用户名密码等。这些数据应该抽象成一个配置文件 config.php 放到项目中,使用时只需:require_once ‘config.php’ ,载入config.php文件,配置文件中配置信息用:define(‘变量名’,'变量 '),如define(‘DB_USER’,‘root’), require ‘config.php’。

php载入脚本的几种方法对比:

require
require_once
include
include_once
它们共同点:都可以在当前 PHP 脚本文件执行时,载入另外一个 PHP 脚本文件。
require 和 include 不同点:当载入的脚本文件不存在时,require 会报一个致命错误(结束程序执行),而 include 不会结束后面脚本执行。
有once 后缀:判断当前载入的脚本文件是否已经载入过,如果载入了就不在载入执行。

前台后台前端后端:

开发中某些人员会对前台后台前端后端关键词说的比较模糊,下面小编将具体解释一下:
前台:面向用户,供用户使用的可视化界面,搭建前台需要前端和后端及数据库等,如淘宝首页等。
后台:面向运营人员或者管理人员的可视化界面,搭建后台同样需要前端和后端及数据库等,如淘宝店铺管理后台千牛工作台。
前端:指开发网站中的html,css,js等技术。
后端:指开发网站中的php,java等技术。

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575333.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮

在浏览器端调试代码并直接修改原文件: 此调试方法可以避免在浏览器调试完代码后在到原文件手动修改代码的弊端,其具体方法如下: 1.先将要调试的页面在浏览器(Google)打开,这里小编打开桌面test文件夹中的…

Bootstrap简介、下载bootstrap及引入文件说明、响应式容器和满屏容器、栅格系统

Bootstrap简介: Bootstrap是Twitter(推特)开发的,目前最受欢迎的前端开源框架,基于jQuery用于开发HTML、CSS、JavaScript,简洁灵活,常用于开发响应式布局及移动端开发。其中文官方文档&#xf…

openerp child_of操作符深度解析

child_of 此操作符&#xff0c;从代码来看&#xff0c;等价于&#xff1a; [(x,child_of,id)] > x.prarent_left >id.parent_left && x.parent_left < id.parent_right , 求x&#xff08;的集合&#xff09;。 为了形象的说明&#xff0c;我们一步步来&…

当ASP.NET Forms验证方式遭遇苹果IOS

一、问题出现 我在用ASP.NET MVC4做微信开发的时候&#xff0c;用Forms验证方式做为authentication。 一般都是在web.config加&#xff1a; <authentication mode"Forms" ><forms loginUrl"~/Account/Login" name"webcookies" sliding…

bootstrap中轮播图、模态框、提示框/弹出框、滚动监听、弹性布局、响应式flex、多媒体对象

轮播图&#xff1a; bootstrap封装了轮播图的功能&#xff0c;其具体如下&#xff1a; 类名描述.carousel创建一个轮播图块的容器&#xff0c;实质是做布局用&#xff1b;且此容器应该有一个di属性&#xff0c;其属性值提供给下面左右按钮href锚点值&#xff0c;用于左右按钮…

node简介及安装、下载及运行hexo

node简介&#xff1a; 1.node.js的可以打开服务端的黑盒子及高级前端(Vue、React 、Angular)的学习&#xff0c;例如&#xff1a;文件的读写、网络服务的构建、网络通信等。 2.node.js是操作服务器的一种工具&#xff0c;构建于Chrome的v8引擎之上&#xff0c;可以操作服务器…

Repository 仓储,你的归宿究竟在哪?(一)-仓储的概念

写在前面 写这篇博文的灵感来自《如何开始DDD(完)》&#xff0c;很感谢young.han兄这几天的坚持&#xff0c;陆陆续续写了几篇有关于领域驱动设计的博文&#xff0c;让园中再次刮了一阵“DDD探讨风”&#xff0c;我现在不像前段时间那样“疯狂”了&#xff0c;写博文需要灵感&a…

浏览器基础知识

Web浏览器的主要功能是展示网页资源&#xff0c;即请求服务器并将结果展示在窗口中。工作原理大概如下&#xff1a; 地址栏输入URL 浏览器根据输入的URL查找域名的IP地址&#xff0c;DNS查找过程如下&#xff1a; 浏览器缓存——浏览器会缓存DNS记录一段时间&#xff0c;不同浏…

喜用神最正确的算法_各种电磁仿真算法的优缺点和适用范围(FDTD, FEM和MOM等)...

从实际工程应用的角度谈一下我对这几种算法的理解。先说结论&#xff0c;FDTD算的快但是不精确&#xff0c;可以用来算电大尺寸的物体&#xff0c;要是一个物体的尺寸大于10个波长&#xff0c;一般的服务站是跑不动FEM的&#xff0c;那必须得用FDTD了。FEM最经典的电磁仿真软件…

护士资格证延续注册WEB服务调用失败_服务熔断

熔断机制是应对服务雪崩效应的一种微服务链路保护机制&#xff0c;当扇出链路的某个微服务不可用或者响应时间太长时&#xff0c;会进行服务的降级&#xff0c;进而熔断该节点微服务的调用&#xff0c;快速返回”错误”的响应信息。当检测到该节点微服务响应正常后恢复调用链路…

db2 删除索引_MYSQL进阶——索引

索引模型hash索引hash索引主要适用于等值查询的场景&#xff0c;排序&#xff0c;模糊搜索等场景并不适用有序数组有序数组可用于非等值查询&#xff0c;排序等场景&#xff0c;但是由于写数据时需要对数组中的元素进行位移&#xff0c;所以一般用于静态数据的场景二叉树二叉树…

react 导航条选中颜色_调整安卓手机的颜色以更好地查看一切

并非所有人都有相同的区分颜色的能力。我们对屏幕上色彩配置的需求甚至口味可能会因人而异。幸运的是&#xff0c;Android为我们提供了多种本地工具&#xff0c;能够调整手机的颜色。我们的手机显示数百万种音调&#xff0c;这些音调是由屏幕配置或终端如何解释从某些应用程序接…

linux进程调度之 FIFO 和 RR 调度策略

转载 http://blog.chinaunix.net/uid-24774106-id-3379478.html linux进程调度之 FIFO 和 RR 调度策略 2012-10-19 18:16:43分类&#xff1a; LINUX 作者&#xff1a;manuscola.beangmail.com 博客地址&#xff1a;bean.blog.chinaunix.net 最近花了10几天的时间&#xff0…

echarts 获取点击的y轴数值_有机磷酸催化对醌的不对称直接加成反应合成轴手性芳基醌类化合物...

有机磷酸催化对醌的不对称直接加成反应合成轴手性芳基醌类化合物本文作者&#xff1a;Summer轴手性联芳基二醇骨架广泛存在于天然产物、生物活性分子、有用的手性配体以及催化剂中(Figure 1a)&#xff0c;因此&#xff0c;轴手性联芳基二醇化合物的合成受到广泛关注且已经取得了…

H264解码的一个測试程序

网上看到的一个H264视频格式的解码測试程序&#xff0c;能够用来參考其逻辑流程。 代码例如以下&#xff1a; Test_Display_H264(){ in_fd open(H264_INPUT_FILE, O_RDONLY); //video file open fstat(in_fd, &s); …

spring框架 web开发_go语言web开发框架学习:Iris框架讲解(一)

Golang介绍Go语言是谷歌推出的一种全新的编程语言&#xff0c;可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说&#xff1a;我们之所以开发Go&#xff0c;是因为过去10多年间软件开发的难度令人沮丧。谷歌资深软件工程师罗布派克(R…

linux终端的背景_如何在终端显示图像缩略图 | Linux 中国

lsix 是一个简单的命令行实用程序&#xff0c;旨在使用 Sixel 图形格式在终端中显示缩略图。-- Sk不久前&#xff0c;我们讨论了 Fim[1]&#xff0c;这是一个轻量级的命令行图像查看器应用程序&#xff0c;用于从命令行显示各种类型的图像&#xff0c;如 bmp、gif、jpeg 和 png…

混合App开发,HBuilder开发移动App

使用HBuilder开发混合App&#xff1a; Hbuilder&#xff1a;是一个在线打包工具&#xff0c;不需要在本地配置开发环境&#xff1b;直接将做好的网站&#xff0c;通过一些简单的操作&#xff0c;就能在线打包为一个App&#xff1b; 混合APP开发常见技术&#xff1a;Html5、Re…

fanuc roboguide_ROBOGUIDE软件:机器人产线输送带输送物料虚拟仿真操作

概述输送带在机器人生产线或工作站中是常见的物料传送设备&#xff0c;它能够将物料从一个工位自动传送到另一个工位&#xff0c;是实现自动化生产制造必不可少的装置设备之一。虚拟仿真是对真实的工业机器人生产线或工作站的图形化再现&#xff0c;因此&#xff0c;对于具有输…

双电阻差分电流采样_小小的采样电阻,还真有点门道!

电流检测电阻的基本原理根据欧姆定律,当被测电流流过电阻时,电阻两端的电压与电流成正比.当1W的电阻通过的电流为几百毫安时,这种设计是没有问题的.然而如果电流达到10-20A,情况就完全不同,因为在电阻上损耗的功率(PI2xR)就不容忽视了.我们可以通过降低电阻阻值来降低功率损耗,…