展开

关键词

vue实战---开发

本篇开始就正式网站的开发了,本篇文章实现的开发。 网站的架构如下: 1.左上方头像区域,鼠标移入会有下拉菜单进行注册登录退出等操作2.左下方导航栏区域3.中间正文区域3.右侧精选文章展示以及友情链接展示 我们可以先看下具体的效果:? 然后功能下需要添加菜单选项组,功能包含:,关于以及后台,每个菜单选项组都是一个el-menu-item-group:? 左右两侧导航栏实现完毕,接下来需要设置中间的主界面,实际上中间界面不是固定界面,而是由index.js中routes的components决定具体渲染哪一个vue文件作为主界面,在我们渲染的是 到这里我们就实现完毕了,我们可以先看看效果:? 本篇内容到这里结束了,下一篇将实现后台的几大功能模块,文章管理,文章发表,标签管理,可以先贴下效果图,我们下期再见!??

94520

Django 视图

比如你访问了我的 http:zmrenwu.com,服务器接收到这个请求后就知道用户访问的是显示的是全部文章列表,于是它从数据库里把文章数据取出来,生成一个写着这些数据的 HTML 文档 文件里:blogviews.py from django.http import HttpResponse def index(request): return HttpResponse(欢迎访问我的 浏览器接收到这个响应后就会在面上显示出我们传递的内容 :欢迎访问我的! 欢迎访问我的! 使用 Django 模板系统这基本上就上 Django 的开发流程了,写好处理 HTTP 请求和返回 HTTP 响应的视图函数,然后把视图函数绑定到相应的 URL 上。 , welcome: 欢迎访问我的 })这里我们不再是直接把字符串传给 HttpResponse 了,而是调用 Django 提供的 render 函数。

45450
  • 广告
    关闭

    11.11智惠云集

    2核4G云服务器首年70元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vue实战---部署到

    前三篇文章其实已经将部分的功能基本上走了一遍流程,部分还剩下的只有右侧导航栏动态渲染以及文章详情界面带评论功能尚待开发。 软件准备好,先我们需要在云解析两个域名,解析到服务器对应的公网ip: www.niyueling.cn:地址pic.niyueling.cn:上传图片的图片主路径? 执行命令: nginx -s reload 我们可以尝试访问www.niyueling.cn,看是否可以加载出。? 可以看到加载出来,但是后端服务出现异常了。 可以看到后台服务部署成功,我们可以再次访问看看效果:? 效果出来了,的基本功能都可以正常使用,但是陷入了一个异常严重的问题:屏加载过慢,粗略计算需要10秒左右才可以加载出。 到这里我们部署就完成了,下一篇将对注册接口添加短信验证码验证以及详情界面开发。 ?

    2.1K51

    加载的优化

    地址:https:ainyi.com62 这些日子刚到京东工作,刚在北京安定下来,事情比较多 但在上周看了看我的,发现的加载速度真的够慢的 虽然之前就发觉,但一直不知道怎么继续优化,好像该优化的都已经优化好 重大 bug 从刚做好这个不就第一次就发现了,发起 ajax 请求时,可以看到 content-download 的时间居然比 waiting 的时间还长,而且等待时间可以达到好几秒,真心慢, ajax 请求的时间,几乎都在 content-download 浪费了,一般说来,加载时间应该都在 waiting 上,而不是 download,一直不知道怎么优化 上周查了查 ajax 请求的数据,加载每个的数据居然携带上文的 遂知道了为啥 content-download 一直花了这么多时间才开始渲染面 这是个重大 bug 啊!! 马上回去更改了过来,请求的 ajax 是分数据,不应该返回文这个字段。 本的其他面的针对每个 ajax 请求都作了优化,该传递、不该传递,心里清楚~ 相关链接 之前写过这方面的:—— 面性能优化 地址:https:ainyi.com62

    27050

    真正的 Django 视图

    不过我们仅仅在返回了一句话:欢迎访问我的。 这是个 Hello World 级别的视图函数,我们需要编写真正的视图函数,当用户访问我们的时,他将看到我们发表的文章列表,就像 演示项目 里展示的这样。 处理静态文件我们的项目使用了从网上下载的一套模板(点击这里下载全套模板)。这里面除了 HTML 文档外,还包含了一些 CSS 文件和 JavaScript 文件以让网呈现出我们现在看到的样式。 同样我们需要对 Django 做一些必要的配置,才能让 Django 知道如何在开发服务器中引入这些 CSS 和 JavaScript 文件,这样才能让面的 CSS 样式生效。 如果你好奇,现在就可以运行开发服务器,看看是什么样子。 image.png 如图所示,你会看到显示的样式非常混乱,原因是浏览器无法正确加载 CSS 等样式文件。

    46880

    框架篇-Django应用-

    框架篇-Django应用-创建项目 ? ①如果你是在虚拟环境中创建项目 $ django-admin startproject blog②新建一个 app$ python manage.py startapp index③注册 app, 元素基本上)上有以下几种元素(从上至下,从左至右):1.菜单导航栏2.主视区,常见的会分为两栏或三栏3.底部,常见的是站点地图链接、备案号...公共元素上面讲元素分成了三类

    14220

    不敢想,做个竟如此简单!

    汇总做的方法 大家好,我是鱼皮,最近买了个不错的域名,为了不浪费它呢,我心血来潮打算做个网站。 在动手做之前,我先梳理了一下目前常用的搭建个人的方法,并简单分析了它们的优缺点,分享出来,帮助大家根据自己的需求去选择合适的方法,实现自己的个人网站。 搭建网站方法汇总 大纲如下: 方法 1. 自己开发 这是最原始的建站方式了,自己写代码(前台 + 后台管理)、自己将项目发布上线、自己来维护网站,啥都自己来干。 对于自学编程的同学来说,可以试着自己从 0 开发网站(也可以基于 Github 上的开源项目二次开发),因为此类网站功能很丰富且典型(比如登录、评论、标签);但如果只是想快速拥有一个来写文章,就没必要什么都自己做了 站点生成器 因为是一种很典型的网站,所以有大佬将的功能(比如文章管理)抽象出来,做成了 站点生成器 ,可以用极少的命令 + 配置文件的方式,自动生成精美的网站。

    11331

    【玩转云】Hexo部署

    简介由于原来部署在Github上访问速度太慢,所以将原Hexo部署到云部署环境云服务器(CentOS 64位)服务器配置安装依赖包yum install curl-devel expat-devel git ALL=(ALL) ALL退出(esc + :wq)并修改权限chmod 400 etcsudoers本地使用gitbash创建密钥ssh-keygen -t rsa 因为我在GitHub上部署时已经创建过密钥 ,这里可以直接跳过生成,用以前的密钥在云中创建ssh,并将本地的id_rsa.pub中的文件内容全部复制到authorized_keys中su gitmkdir ~.sshvim ~.sshauthorized_keys Hexo目录下修改_config.yml文件中的deploy后的repo改为:git@SERVER:homegitblog.git @后为你的服务器公网IP以上全部完成后,执行hexo的部署命令即可完成在云服务器上的部署

    9762114

    框架篇-Django应用-更新

    先来完成上一篇的导航栏: 1.模板基类 base_front.html2.导入 bootstrap 核心文件,使用的是 CDN 加速服务。3. 4.更新,{% extends basebase_front.html %} 中 extends 为 django 模板中的语法。简要的说就是扩展继承父模板。5. 浏览器访问,查看效果Models模型与数据库息息相关,一个模型对应一个数据库表。

    16420

    系列之搭建:Hexo+Github pages

    我需要的是一个更加开放的平台,在这上面可以输出: 1.学习的收获 ;2.生活的感想 ;3.有价值的分享,因此有了这个网站。 用hexo+github pages 可以很方便地搭建一个个人网站,不需要购买域名和服务器,只需要按部就班操作即可。 由于本文参考了大量,所以在文末我会列出原文链接。一.Github,Github pages ,Hexo先介绍一下这三个东西,有大概的了解、知道是什么东西就可以。 GitHub是一个面向开源及私有软件项目的托管平台,而GIthub Pages则是github的一项功能,可以放置网文件到指定文件夹,然后给你一个专属域名用于展示一些项目,现在大多用来开发和制作个人网站 而Hexo 是一个快速、简洁且高效的框架,它使用Markdown解析文章,在几秒内,就可以利用靓丽的主题生成静态网

    29250

    怎样控制wordpress文显示内容字数!

    爱优是用wordpress程序做的,但是默认的wordpress文章的内容显示很,整个面显示不了几篇文章,有时写的文章全部都显示在了了。 4、修改 为下面的 或者 5.在functions.php最后加入以下代码: 这就定义了一个函数,如何调用呢在你想要使用字数限制的面,将原有的 替换成 其中的23就是要限制的字节数cambrian.render

    30330

    从零开始折(2):LMAP搭建Wordpress

    这次我们所选用的环境是LNMP:Linux+Nginx+MySQL+PHPLinux作为我们环境的操作系统, Nginx作为HTTP服务器,负责生成静态的HTML文件并发送 MySQL作为数据库,负责存储我们网的相关信息

    41820

    搬家 马上云 呵呵

    搬家 马上云 呵呵 大家多多支持 搬家 马上云 呵呵 大家多多支持我的即将同步至云+社区,邀请大家一同入驻:https:cloud.tencent.comdevelopersupport-plan

    38800

    Hexo 部署到云教程

    本文发于我的个人:『不羁阁』文章链接:传送门 本篇内容用来讲述如何将 hexo 部署到云的服务器上。 正好自己的之前是搭建在 coding 上的,现在也可以顺便部署到云上了。其实过程蛮简单的,即使,你是个对后台一窍不通的小白,也能很容易部署成功。顺便安利下云的活动。 前期需要准备:一个云服务器hexo 本地顺便说下我的服务器环境: 操作系统 CPU 内存 带宽 CentOS 7.2 64位 1核 2GB 1Mbps 1. 进入云服务器中先点击下边网站,登录你的进入云服务器的控制台 云服务器的控制台:https:console.cloud.tencent.comcvmindex ? ----参考资料:将hexo部署到云上hexo部署到云服务器上

    3.3K80

    云服务器搭建WordPress

    WordPress是使用PHP语言开发的平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。 用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的。WordPress有许多第三方开发的免费模板,安装方式简单易用。所以,对于初学者来说,我强烈建议使用WordPress来搭建网站。 无论你是云的新用户还是老用户,现在都可以参加云的域名金秋盛惠,最低仅需1元起。还没有云服务器的同学可以到云官网点击产品中的云服务器,进行购买。 选未注册云账号要先注册,并完成实名认证,购买云服务器等云产品前,记得领取(代金券礼包)安装WordPress安装WordPress有两种方法。1. 使用手动安装模式如果处于某些原因(例如您的主机提供商不支持一键安装),您需要自行安装WordPress,请按照云实验室指南进行安装LNMP后再进行如下操作,通过云云市场中的PHP全能运行环境镜像来进行搭建

    84850

    云服务器搭建WordPress

    WordPress是使用PHP语言开发的平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把 WordPress当作一个内容管理系统(CMS)来使用。 用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的。WordPress有许多第三方开发的免费模板,安装方式简单易用。所以,对于初学者来说,我强烈建议使用WordPress来搭建网站。 无论你是云的新用户还是老用户,现在都可以参加云的域名金秋盛惠,最低仅需1元起。还没有云服务器的同学可以到云官网点击产品中的云服务器,进行购买。 选未注册云账号要先注册,并完成实名认证,购买云服务器等云产品前,记得领取(代金券礼包)安装WordPress安装WordPress有两种方法。1. 使用手动安装模式如果处于某些原因(例如您的主机提供商不支持一键安装),您需要自行安装WordPress,请按照云实验室指南进行安装LNMP后再进行如下操作,通过云云市场中的PHP全能运行环境镜像来进行搭建

    2K40

    如何在云上搭建

    Apache默认监听80端口,所以只需在浏览器访问ECS分配的IP地址http:,如下图:安装 MySQL 数据库由于使用wordpress搭建云上,需要使用MySQL数据库存储数据,所以这一步我们安装一下 安装 PHP 语言环境WordPress是使用PHP语言开发的平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。 gd php-gd gd-devel php-xml php-common php-mbstring php-ldap php-pear php-xmlrpc php-imap执行如下命令创建PHP测试面 systemctl restart httpd打开浏览器,访问http:phpinfo.php,显示如下面表示PHP语言环境安装成功。

    59430

    Gatsby 部署到云教程

    原文发表于:https:avenirzheng.netblog2020deploying-gatsby-to-tencent-cloud前言我算经历过个人最热闹的那个时代,那时大部分个人都是用 WordPress 搭建起来,与传统服务端语言 + 数据库的架构相比,近年流行的静态编译,如 Hexo、Jekyll、Hugo 显然更容易部署和维护,这里我选择了 Gatsby,并用 wp-gatsby-markdown-exporter 因工作原因我选择在云上部署自己的个人网站,你也可以在 GitHub Pages 或国内的 Coding 上托管 Gatsby 项目,然后 CNAME 绑定到指定的域名就可以,更加方便。 云服务器环境Gatsby 最终会编译成静态站点,这里云服务器环境需要 Web 服务器存放静态网,另外需要 Git 环境使用 git hook 钩子同步本地推送的文件到 Web 服务器,这里我以 CentOS 云上搭建 Nginx;云上搭建 Git;配置 Nginx 站点这里为了方便,我们直接用 root 账号为设置 Web 目录,在服务器中创建 wwwblog 目录。

    1.4K101

    文章详情

    展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按钮,应该跳转到文章的详情面来阅读文章的详细内容。 现在让我们来开发的详情面,有了前面的基础,开发流程都是一样的了:先配置 URL,即把相关的 URL 和视图函数绑定在一起,然后实现视图函数,编写模板并让视图函数渲染模板。 编写详情模板接下来就是书写模板文件,从下载的模板(如果你还没有下载,请 点击这里 下载)中把 single.html 拷贝到 templatesblog 目录下(和 index.html 在同一级目录 init__.py settings.py ... blog __init__.py models.py ,,, templates blog index.html detail.html在 index 文章列表的标题和继续阅读按钮写上超链接跳转的链接 这在 真正的 Django 时讲过,由于我们是直接复制的模板,还没有正确地处理静态文件。

    68870

    园加上精灵

    http://files.cnblogs.com/files/flipped/spig.js换成你的js代码(为什么要换呢?因为里面有的内容需要修改,比如有网址...

    17620

    相关产品

    • 轻量应用服务器

      轻量应用服务器

      轻量应用服务器(Lighthouse)是一种易于使用和管理、适合承载轻量级业务负载的云服务器,能帮助中小企业及开发者在云端快速构建网站、博客、电商、论坛等各类应用以及开发测试环境,并提供应用部署、配置和管理的全流程一站式服务,极大提升构建应用的体验,是您使用腾讯云的最佳入门途径。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券