充值网站怎么做,摄影网站建设目的,手机网站在后台怎么做编辑,用jsp和mysql做网站1.切换到项目目录下#xff0c;启动测试服务器 manage.py runserver 192.168.0.108:8888 2.设置相关配置 项目目录展示如下#xff1a; beautysettings.py 修改 2.1 添加app到应用程序中 2.2 设置模板路径 2.3 配置数据为mysql 2.4设置静态文件路径 2.5设置漏油 3.beau…1.切换到项目目录下启动测试服务器 manage.py runserver 192.168.0.108:8888 2.设置相关配置 项目目录展示如下 beautysettings.py 修改 2.1 添加app到应用程序中 2.2 设置模板路径 2.3 配置数据为mysql 2.4设置静态文件路径 2.5设置漏油 3.beautyApp 代码 3.1执行djiago命令生成数据库model 到beautyAppmodels.py from django.db import modelsclass Grilsbase(models.Model):name models.CharField(max_length50, blankTrue, nullTrue)height models.CharField(max_length50, blankTrue, nullTrue)bwh models.CharField(max_length50, blankTrue, nullTrue)title models.CharField(max_length100, blankTrue, nullTrue)img_upload models.CharField(max_length100, blankTrue, nullTrue)pc_img_upload models.CharField(max_length100, blankTrue, nullTrue)resource_id models.CharField(max_length50, blankTrue, nullTrue)totals models.CharField(max_length50, blankTrue, nullTrue)recommend_id models.CharField(max_length50, blankTrue, nullTrue)date models.CharField(max_length50, blankTrue, nullTrue)headimg_upload models.CharField(max_length100, blankTrue, nullTrue)show_datetime models.CharField(max_length50, blankTrue, nullTrue)client_show_datetime models.CharField(max_length50, blankTrue, nullTrue)video_duration models.CharField(max_length50, blankTrue, nullTrue)free_select models.CharField(max_length50, blankTrue, nullTrue)trial_time models.CharField(max_length50, blankTrue, nullTrue)viewtimes models.CharField(max_length50, blankTrue, nullTrue)coop_customselect_654 models.CharField(max_length50, blankTrue, nullTrue)coop_id models.CharField(max_length50, blankTrue, nullTrue)tag_class models.CharField(max_length50, blankTrue, nullTrue)tag_name models.CharField(max_length50, blankTrue, nullTrue)playerid models.CharField(max_length50, blankTrue, nullTrue)block_detailid models.CharField(max_length50, blankTrue, nullTrue)type models.CharField(max_length50, blankTrue, nullTrue)istop models.CharField(max_length50, blankTrue, nullTrue)class Meta:managed Falsedb_table grilsbase3.2 beautyApp views.py from django.shortcuts import render
from django.http import HttpResponse,JsonResponse
from beautyApp.models import Grilsbase
from django.core import serializers
import randomdef index(request):rowsGrilsbase.objects.filter(type1)[:20]return render(request,index.html,context{rows:rows})def detail(request,id):rowsGrilsbase.objects.get(block_detailidid)srowrandom.randint(10,80)rowsrandomGrilsbase.objects.filter(type1)[srow:srow4]rowscoutGrilsbase.objects.filter(type2).count()srowrightrandom.randint(0,rowscout)rowsrightGrilsbase.objects.filter(type2)[srowright:srowright1]return render(request,detail.html,context{totals:range(1,int(rows.totals)),name:rows.name,height:rows.height,\bwh:rows.bwh,title:rows.title,resource_id:rows.resource_id,headimg_upload:rows.headimg_upload,rowsrandom:rowsrandom,\rowsright: rowsright})
def ajax_page(request):pagerequest.GET[page]srow(int(page)-1)*20erowint(page)*20rowsserializers.serialize(json,Grilsbase.objects.filter(type1)[srow:erow])return JsonResponse(rows,safeFalse) 3.3 创建模板 静态文件夹 base.html 1 {% load static %}2 !doctype html3 html langen4 head5 meta charsetUTF-86 meta nameAuthor content7 meta nameKeywords content8 meta nameDescription content9 title{% block title %}美女频道{% endblock %}/title
10 link relstylesheet revstylesheet typetext/css mediaall href{% static /css/newbase.css %}
11 link relstylesheet revstylesheet typetext/css mediaall href{% static /css/bugirl.css %}
12 script src{% static /js/jquery.min.js %}/script
13 /head
14 body classy16 idact_body_wapper
15 div classwrapper-head wp-hd-white id
16 div classvip-header modwp
17 h1 classlogo
18 a classviplogo href# title天天美图天天美图/a
19 /h1
20 div classh_navin
21 span classic_line idh_icline/span
22 ul classmenu idh_navlist
23 lia title视频 href/index classmid_link最nbsp;热span classhot_ico/span/a/li
24
25 li classcura href/index classmid_link专nbsp;辑/a/li
26 lia href/index classmid_link直nbsp;播/a/li
27 /ul
28 /div
29
30 /div
31 /div
32 {% block content %}
33 div这里是默认内容所有继承自这个模板的如果不覆盖就显示这里的默认内容。/div
34 {% endblock %}
35 div classvip-footer
36 div classsys_footer
37 div classfoot
38 p classlinks
39
40 a target_blank href title商务合作商务合作/aspan|/span
41 a target_blank href title客服中心客服中心/aspan|/span
42 a target_blank href title安全中心安全中心/aspan|/span
43 a target_blank href title用户协议用户协议/a
44 /p
45 p
46 a target_blank href#信息网络传播视听节目许可证1908323号/a
47 a target_blank href#增值电信业务经营许可证粤B2-20050219号/a
48 a target_blank href#网络文化经营许可证文网文[2010]163号/a 粤ICP备10240715号
49 /p
50 p© 2003-2018 版权所有/p
51 /div
52 /div
53 /div
54 /body
55 /html index.html {% extends base.html %}
{% block title %}美女专题{% endblock %}
{% block content %}
{% load static %}div classbugirl_wpdiv classbugirl_cont!--专辑内容--div classtab_area albumdiv classlist_wp modwpdiv classlist_row idwaterfall{% for i in rows %}div classgirl_wp img_wpspan classmark_updatei classico_update/i最新专辑/spanimg classimg_girl src{% static i.resource_id %}/{{ i.img_upload }} alt{{i.title}}div classdescribediv classtxt_wpp classtit{{i.title}}/pp classdate{{i.date}}/pspan classmark_freei classico_see/i span免费试看/span i classmark_bg/i/spanspan classmark_vipgq styledisplay:none高清/span/divdiv classmask/div/diva href{% url detail %}/{{ i.block_detailid }} classmask_click点击查看/a/div{% endfor %}/div/div/div/div/divscriptvar isStop 0;//触发开关 function ajaxData(page) {$.ajax({url:/ajax_page, type:get,data:{page:page},dataType:json,success:function(data){var html ;var jsonJSON.parse(data);$.each(json,function(k,v){html div classgirl_wp img_wp img classimg_girl src{% static %}v.fields.resource_id/v.fields.img_upload altv.fields.title div classdescribe div classtxt_wp p classtitv.fields.title/pp classdatev.fields.date/pspan classmark_free i classico_see/i span免费试看/span i classmark_bg/i /spanspan classmark_vipgq styledisplay:none高清/span /div div classmask/div /diva href\{% url detail %}/v.fields.block_detailid\ class\mask_click\点击查看/a /div;});isStop 0;$(#waterfall).append(html);}});}$(function () {var curpage 1;//定义一个全局变量page $(window).scroll(function () {// 当滚动到最底部加载新内容 if ($(document).height() - $(this).scrollTop() - $(this).height() 100) {if (!isStop) {isStop 1;curpage;ajaxData(curpage);}}});});/script
{% endblock %} detail.html {% extends base.html %}
{% block title %}{{title}}{% endblock %}
{% block content %}
{% load static %}
div classwrapper pb0 zjxq_pagediv classplay_area_wpdiv classmodwpp classcrumba href/index首页/anbsp;gt;nbsp;a href/index专辑/anbsp;gt;nbsp;a href# classtitle{{title}}/a/pdiv classplay_areadiv classplay_box_wp fldiv classguide_numspan classnow1/span/span classtotal totals_/span/divdiv classplay_boxdiv classvip_tag styledisplay:none会员专享/divdiv classfree_tag免费试看spanem classnow/em/span/div!--轮播图--div classimg_wpdiv classimg_list idwrapper1 n0ul classimgbox stylewidth: 33450px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(-720px, 0px) translateZ(0px);{% for i in totals %}liimg classportrait src{% static resource_id %}/{{ i }}.jpg data-src{% static resource_id %}/{{ i}}.jpg alt/li{% endfor %}/ul!-- 免费观看 开通会员查看更多 --div classtip_free iddetailview styledisplay:none;div classcontspan classcontent登陆后可观看更多/span/diva hrefjavascript:; classclose title关闭关闭/a/div/div!-- 缩略图 --div classthumbnail_listdiv classthumbnail_contul idthumbnail stylemargin-left: 0px;{% for i in totals %}lia hrefjavascript:;img src{% static resource_id %}/{{ i }}.jpg data-src{% static resource_id %}/{{ i }}.jpg width134 height87/a/li{% endfor %}!--lia hrefjavascript:;img srchttp://meitu.xunlei.com/img-y16/bugirl/loading.gif data-srchttp://data.meitu.xunlei.com/data/image/yangpei0818/34.jpg width134 height87span classmask_lock vipem会员解锁/em/span/a/li--
/ul/div/div/div!--轮播图结束--div classarrow_wpa hrefjavascript:; classarrow_left arrow_left1 title左翻左翻/aa hrefjavascript:; classarrow_right arrow_right1 title右翻右翻/a/div!--为你推荐--div classpop_pause pop_recommend idstandmode styledisplay:none;div classpos_reldiv classpop_hdp classpop_tit为你推荐/pa href# classpop_refresh换一个/a/div/diva hrefjavascript:; classu_close title关闭关闭/adiv classmask/div/div/div/divdiv classinfo_wp frdiv classinfodiv classimg_wpimg classheadimg_upload src{% static resource_id %}/{{ headimg_upload }} alt美女头像/divdiv classtxt_wpp classuname name{{ name }}/pp身高/span classheight{{ height }}/spancm/pp三围/span classbwh{{ bwh }}/span/p/divdiv classvip_payboxa hrefjavascript:; classbtn_pay down i classico_down/i会员高清下载/ap classtxt会员尊享高清原画品质美丽纤毫可见/p/div/divdiv classvideo_list idvideoboxdiv classhdh2span推荐视频/span/h2/divdiv classgirl_wp video_wp{% for right in rowsright %}div classimg_girlimg src{% static right.resource_id %}/{{ right.img_upload }} alti classico_play/i/divdiv classdescribediv classtxt_wpp classtit{{right.title}}拍摄花絮/p/div/div{% endfor %}/div/div/div/div/div/divdiv classdetail_wpdiv classhd modwph3推荐专辑/h3/div!--专辑内容--div classalbumdiv classlist_wp modwpdiv classlist_row idlistzj{% for ri in rowsrandom %}div classgirl_wp img_wpimg classimg_girl src{% static ri.resource_id %}/{{ ri.img_upload }} alt{{ri.title}}div classdescribediv classtxt_wpp classtit{{ri.title}}/pp classdate{{ri.date}}/p/div/diva href{% url detail %}/{{ ri.block_detailid }} target_blank classmask_click 点击查看/a/div{% endfor %}/div/div/div
/div!-- wrapper end --!--全屏图片--
div classfull_screen stylevisibility:hidden;div classplay_box modwp!--轮播图--div classimg_wpdiv classimg_list idwrapper2 data-numul classimgbox2 liimg classportrait src{% static loadingthum.gif %} alt //li/ul/div/div!--轮播图结束--div classarrow_wpa hrefjavascript:; classarrow_left arrow_left2 title左翻左翻/aa hrefjavascript:; classarrow_right arrow_right2 title右翻右翻/a/divdiv classbtn_wpa hrefjavascript:; classclose title关闭关闭/a/div/div
/div
script src{% static /js/detail.js %} deferdefer /script
{% endblock %} 4.效果图展示 转载于:https://www.cnblogs.com/linsu/p/8628411.html
