乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！
028-86922220135-1821-9792
  • 首页
  • 网站建设
    网站设计包含服务 网站制作流程 有效沟通方式 售后服务
  • 微信开发
  • 案例展示
    乐山小谭建站公司作品案例展示
  • 新闻资讯
  • 解决方案
  • 小谭建站
  • 联系我们

    • python如何设计微型小说网站-创新互联

    这篇文章主要介绍了python如何设计微型小说网站，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

    创新互联是一家专业提供辽宁企业网站建设,专注与网站设计制作、成都做网站、H5高端网站建设、小程序制作等业务。10年已为辽宁众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

    一、项目背景：

    为了回顾关于django的文件上传和分页功能，打算写一个微型的小说网站练练手。花了一个下午的时间，写了个小项目，发现其中其实遇到了许多问题，不过大部分通过debug之后就解决了，其他部分通过阅读了Pagination插件以及Bootstrap-FileInput插件的官方文档。

    二、详细设计：

    省去小说网站的用户模块的功能，小说网站主要的功能就是上传文件，在线阅读小说。针对这两个功能，

    主要用到dajngo内置的Pagination模块，以及选择一个上传文件插件即可。因为用的是Bootsrap前端框架，所以就选择了Bootsrap比较多人用的FileInput插件。

    大致的流程：

    • 在首页可以选择上传本地的txt文件到服务器上，然后首页上同时会异步更新已上传的txt文本文件列表。

    • 并且可以在上面选择阅读或者删除的操作。阅读则跳转到另外一个页面，后台会读取该文本文件，并且进行分页操作，返回到前端。主要的流程就是这样。接下来讲讲Pagination和FileInput插件和核心代码。

    三、合适的工具：

    Django内置的Pagination实现分页功能，这个不用多说，用Django做web开发分页功能都会用到。

    Bootstrap本身自带upload file文件上传插件太丑了，加上功能也不够完善。所以选择了Bootstrap FileInput插件。

    版本选择：

    • Python 3.6.6

    • Django==2.1.7

    • Bootstrap v4.3.1

    • bootstrap-fileinput v4.5.2

    四、代码详解：

    首先代码主要分为两块，一块为文件上传后，接收文件对象，保存到指定的目录下；第二块为读取txt文本文件内容，分页展示到前端页面。

    首先讲讲文件上传的代码，主要涉及到前端的bootstrap-fileinputt插件。该插件将简单的HTML文件输入转换为高级文件选择器控件。对于不支持JQuery或Javascript的浏览器，将有助于回退到正常的HTML文件输入。

    python如何设计微型小说网站

    以上这段是官方的自我介绍，说说我个人感受吧。首先这个插件支持批量上传，异步上传等功能，简化大部分JS逻辑方面的代码，具体只要跟着官方的API文档看一看，修改一些参数即可。其次，对于上传时会显示一个进度条，用于显示上传的完成度，这样直观反映了完成度。

    bootstrap-fileinput的github地址：

    https://github.com/kartik-v/bootstrap-fileinput

    bootstrap-fileinput的官方文档地址：

    http://plugins.krajee.com/file-input

    bootstrap-fileinput的官方DEMO：

    http://plugins.krajee.com/file-basic-usage-demo

    4.1、文件上传

    HTML代码：

     
 

    JS代码：

    $(document).ready( function() {
$("#input-b8").fileinput({
 rtl: true,
 uploadUrl: '/file_receive/',
 dropZoneEnabled: false,
 showPreview: false,
 allowedFileExtensions: ['txt'],
 initialPreviewConfig: []
});
});

    代码说明：

    fileinput（）方法里面传入的是一个json数据，里面有很多个属性，每个数值代表初始化上传控件时的特性，如果没有设置的属性则按照控件的默认属性设置。简单说下里面几个属性的设置：uploadUrl:上传文件地址；dropZoneEnabled:是否显示拖曳区域；showPreview：是否显示预览区域；allowedFileExtensions：允许上传的文件格式。

    后台代码

    def file_receive(request):
 # 接收File-Input空间传送的文件
 if request.method == 'POST':
  file = request.FILES['input-b8']
  file_path = "static/books/"+file.name
  with open(file_path,"wb") as f:
   for chunk in file.chunks():
    f.write(chunk)
 return JsonResponse({'status':'success'})

    代码说明：

    以上是后台接收文件对象并且保存的代码。我这边省略判断上传文件大小的方法，感兴趣的可以在with open()中添加判断。最后接收文件后，会返回给前端一个json数据，前端插件接收到返回的JSON数据才会确定是否上传文件成功，bootstrap Fileinput才会先Done状态。

    拓展：

    这里有点需要注意的就是，后台接收上传的文件，虽然是通过POST的方式上传，但是不能通过request.POST["filename"]或者request.POST.get("filename","None")两种方式来访问。

    而是需要用另外一种方式：

    request.FILES["filename"]或者request.FILES.get("filename","None")

    接下来已经得到文件对象，需要把在内存中的文件写入到硬盘中。读取文件的几个方法和属性：

    4.2、异步更新已上传的文件列表

    HTML代码：

    
 
  
   上传书籍
   上传时间
   文件大小
   操作
  
  {% for book in objects %}
  
   {{ book.name}}
   {{ book.book_time }}
   {{ book.book_size }}
   阅读
   删除
  
  {% endfor %}
 

    JS代码：

    $("#input-b8").on('fileuploaded',function(){
 console.log('success');
 $.get('/book_update/',function(data){
  var book_html ="\n" +
   "上传书" +
   "籍" +
   "上传时间" +
   "文件大小" +
   "操作"+
   "";

  console.log(data);
  for (var i in data){
   book_html += ""+ data[i]['name']+"" +
    ""+data[i]['book_time']+"" +
    ""+data[i]['book_size']+"" +
    "阅读"+
    "删除"+
    ""
  }
  $("#book_list").html(book_html)
  console.log(book_html)
 });
});

    代码说明：

    $("#input-b8").on('fileuploaded',function(){})这个方法时在上传完文件后进行回调事件的函数；就是指上传一个文件成功后就会调用该方法；所以我将异步更新上传文件列表的代码放在这个回调事件中。当每个文件上传后，就会请求后台，查询指定目录下的文件列表，生成json格式的数据返回前台，前台再通过遍历的形式拿到其中的数据，进行展示，具体效果如下：

    python如何设计微型小说网站

    后台代码

    def book_list():
 # 获取books目录下的书籍
 file_list = []
 filedir_path = "static/books/"
 list_file = os.listdir(filedir_path)
 for book in list_file:
  book_info = {}
  book_path = filedir_path + book

  book_info['name'] = book
  book_info['timestamp'] = os.path.getctime(book_path)
  book_info['book_time'] = time_format(book_info['timestamp'])
  book_info['book_size'] = os.path.getsize(book_path)
  file_list.append(book_info)
 books = sorted(file_list,key= lambda x:x['timestamp'],reverse=True)
 return books 

def time_format(timestamp):
 # 格式化时间戳成指定的时间
 time_struct = time.localtime(timestamp)
 time_string = time.strftime('%Y-%m-%d %H:%M',time_struct)
 return time_string

    代码说明：

    代码其实很简单，主要是对通过os模块获取静态目录static下的books目录下的文件列表，然后在获取每个文件的时间戳，通过列表推导式，按时间戳为key值进行逆向排序。

    4.3、文章分页模块

    HTML代码：

    
 
  Home
 
 
    {{ book_name }}
     {% for content in book_content %}  {{ content }}  {% endfor %}     {% if book_content.has_previous %}            上一页          {% endif %}       
       第{{ book_content.number }}页/共{{ book_content.paginator.num_pages }}页   
       {% if book_content.has_next %}         下一页             {% endif %}

    JS代码：

    def book_read(request):
 # 获取上传书籍的内容
 if request.method == 'GET':
  book_name = request.GET['book_name']   # 书籍名称
  file_path = "static/books/" + book_name   # 书籍路径

  with open(file_path,encoding='gbk', errors='ignore') as f:
   book_contents = f.readlines()

  paginator = Paginator(book_contents, 50)
  try:
   page = int(request.GET['page']) # 页码
   book_content = paginator.page(page)
  except Exception as e:
   book_content = paginator.page(1)
  return render_to_response('book.html',{'book_content': book_content, 'book_name': book_name})

    代码说明：

    读取文件的所有行，保存在一个列表中（list），每行作为一个元素。然后实例化一个Paginator对象，并且在实例化中传入一个需要分页的对象列表，以及一页包含多少个数据。再从接收前端传送过来的页码，取特定页码的数据，再传回前端。

    python如何设计微型小说网站

    python如何设计微型小说网站

    拓展：

    1、分页功能有Django内置的Paginator类提供的，该类位于django/core/paginator，需要用的地方导入即可：
    from django.core.paginator improt Paginator

    2、read()、readline()、readlines()方法的区别：

    三者都是读取文件内容：

    • read([size]):从当前位置其读取size字节，如果方法里面没有参数size，读取至文件结束为止。返回的是一个字符串对象。

    • readline()：方法调用一次就读文件一行，该方法返回一个字符串。

    • readlines():读取整个文件所有行，保存在一个列表中，每行作为一个元素

    3、Paginator对象操作：

    实例化对象：

    book_list = [1,2,3,4,5,6,7,8]
book_content = Paginator(book_list,3)

    取特定页的数据

    content = book_content.page(2)

    查特定页当前页码数：

    content.number

    查分页后的总页数

    content.num_pages

    查询某一页是否有上一页或者查询上一页页码：

    content.has_previous()
content.previous_page_number()

    查询某一页是否有下一页或者查询下一页页码：

    content.has_next()
content.next_page_number()

    感谢你能够认真阅读完这篇文章，希望小编分享的“python如何设计微型小说网站”这篇文章对大家有帮助，同时也希望大家多多支持创新互联成都网站设计公司，关注创新互联成都网站设计公司行业资讯频道，更多相关知识等着你来学习!

    另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


    本文题目：python如何设计微型小说网站-创新互联
    网址分享：http://lszwz.com/article/ccjsie.html

    其他资讯

    售后响应及时

    7×24小时客服热线

    数据备份

    更安全、更高效、更稳定

    价格公道精准

    项目经理精准报价不弄虚作假

    合作无风险

    重合同讲信誉，无效全额退款

    联系我们

    TEL

    135-1821-9792

    028-86922220

    地址：乐山市太升南路288号锦天国际

    快捷导航

    Shortcut

    二维码

    QR CODE

    • 微信公众号

    • 手机端网站

    乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。
    友情链接 交换友情链接
    雅安电信机房   手机APP开发   边坡防护网   php空间   成都小程序开发   主机托管   葆金莱自动门   响应式网站   崇州做网站   四川平武网站建设   

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 All Rights Reserved   蜀ICP备2021004003号-25

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 

    蜀ICP备2021004003号-25