问题描述:

django admin没有样式 

admin管理页面找不到base.css,dashboard.css文件



解决办法:



方法一

在settings文件中设置STATIC_ROOT目录,该目录不能在STATICFILES_DIRS中. 

然后,执行命令



python manage.py collectstatic

执行后,django会将STATICFILES_DIRS下的所有文件以及admin所需要用到的js,css,image文件全都放到STATIC_ROOT目录下.

例如, 像下面这样写:



STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'collectstatic')
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'), ]

简单描述一下这几个变量的意思 

STATIC_URL: 当访问什么样的网址时, 按照访问静态文件的方式去查找文件. 

STATICFILES_DIRS: 当访问静态文件是, 会在每个app中的static目录中查找, 然后再从STATICFILES_DIRS设置的路径列表中逐一查找. 

STATIC_ROOT: 当执行python manage.py collectstatic时, 收集的静态文件放在该目录下. 

更多可参考: http://python.usyiyi.cn/translate/django_182/ref/settings.html

然后, 你还需要配置一下urls.py文件

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

这种方法只适合在开发环境中使用. 

等项目上线时, 建议采用下面任一一种方法: 

1:使用nginx代理, 目的是不走django,性能会更优 

2:将静态文件存储在oss中, 然后前面再放个cdn, 效率最好.



方法二

接下来提到的方法,仅仅是猜测,未经测试.


  
2017年10月5日测试, 接下来将要提到的方法无效.


在settings中添加



STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder'
)

今天打开网站，发现一个好奇怪的问题，在IE下，样式全没了，但在火狐及chrom等浏览器下又是正常的，即是不是在IE内核下的浏览器均正常显示样式，不知何故！后来打开css文件，一看，因CSS文件里做了一个注释的，由于编码的问题，中文的注释全变了乱码，更正后，再用IE打开网页，回复了正常！

原来是IE下，样式文件遇到乱码就可能是退出不执行的了。但在FF下则可以继续运行！ :lol:

unity里面打开网页接触了一些，没做深入研究，仅以简单展示网页为主。分为两类，一是PC端打开网页，二是android端打开网页。

网页插件或方案



Unity之PC版，window。如果网页只是单独二维码图片，则采用www请求得到www.texture;




Unity之PC版，window。如果网页不是单独一张二维码图片，有其他文字，样式，js等，使用插件WWebView（该插件开通了对UniWebView2   3的支持）  或者Embedded Browser




Unity之安卓版，插件UniWebView。



1.www请求
www方法请求图片，请自行查找。
2.WWebView支持PC
支持平台assetsore  WWebView


2.1请求URL
通过Navigate（string url）方法请求
webView.Navigate(url);

2.2添加监听
方便知道请求情况和请求完成，可以注册监听OnStartNavigation，OnNavigationCompleted，OnNavigationFailed

请求url会触发OnStartNavigation的注册方法，请求完成会触发OnNavigationCompleted。另外请求超时会先触发OnStartNavigation，其参数url为res://ieframe.dll/navcancl.htm#https://google.com/  ，上面的例子可以看出，以#为分界线，#前面为取消请求的加载页，#后面为原先地址（google需要翻墙，不翻墙的话，请求超时）。
 private void Awake()
    {
        //webView.OnEvaluateJavaScript +=;
        webView.OnNavigationCompleted += CompletedListen;
        webView.OnNavigationFailed += FailedListen;
        webView.OnReceiveMessage += MessageListen;
        webView.OnStartNavigation += StartNav;
    }
    public void CompletedListen(WWebView webView, string data)
    {
        Debug.Log("complete:" + data);
    }
    public void FailedListen(WWebView webView, int code, string url)
    {
        Debug.Log("fail:" + code + "  url:" + url);
    }
    public void MessageListen(WWebView webView, string message)
    {
        Debug.Log("msg:" + message);
    }
    public void StartNav(WWebView webView, string url)
    {
        //取消的 url  res://ieframe.dll/navcancl.htm#https://google.com/   后面是地址  
        Debug.Log("startNav:" + url);
        string target = "res://ieframe.dll/navcancl.htm";
        if (url.StartsWith(target))
        {
            Debug.Log("cancel");
        }
    }

Debug如下所示。




2.3显示之显示为图片，放置于gameobject或ui上
如果只是做显示的话，那这会是一个好选择，但是需要适配对象和网页的大小，不然会有变形，拉伸的情况。

创建为Texture2D，并设置到WWebView上，同时设置对象的mainTexture为创建的text2d
		webView.Hide();
        webView.Navigate(url);
        Texture2D texture = new Texture2D(webView.GetActualWidth(), webView.GetActualHeight(), TextureFormat.ARGB32, false);
        texture.filterMode = FilterMode.Trilinear;
        texture.Apply();
        MeshRenderer renderer = GetComponent<MeshRenderer>();
        renderer.material.mainTexture = texture;
        webView.SetTexture(texture);

2.3.1 显示为图片的交互
此交互在WWebView的场景里有现成的，这里说下思路，以及控制的源码。在Update中监听点击，获取点击的点的UV左边，gameobject（cube）正面的那一面，坐下左边为（0，0），右上为（1，1）；而网页的左边是左上是（0，0），右下是（1，1），也就是y的左边需要更改。调用WWebView的InputEvent方法来进行交互。由于有些网页事件是新打开另一网页，所有新开网页的交互都不理想。如果有这需求，那需要额外处理。

下面是代码
#if UNITY_EDITOR_WIN || ((UNITY_STANDALONE_WIN || UNITY_WSA) && !UNITY_EDITOR)
        int state = 0;
        int key = 0;

        if (GetMouseState(ref state, ref key))
        {
            RaycastHit hit;
            if (!Physics.Raycast(viewCamera.ScreenPointToRay(Input.mousePosition), out hit))
            {
                // Debug.Log("There was an input outside the webview area.");
                return;
            }

            Renderer renderer = hit.transform.GetComponent<Renderer>();
            MeshCollider meshCollider = hit.collider as MeshCollider;

            if (renderer == null ||
                renderer.sharedMaterial == null ||
                renderer.sharedMaterial.mainTexture == null ||
                meshCollider == null)
            {
                //Debug.LogWarning("There are no Renderer or Texture or MeshCollider.");
                return;
            }

            Texture2D texture = renderer.material.mainTexture as Texture2D;
            Vector2 pixelUV = hit.textureCoord;
            //Debug.Log("wid:" + texture.width + "  heig:" + texture.height + "   textureCoord:" + pixelUV.x + "  " + pixelUV.y);
            pixelUV.x *= texture.width;
            pixelUV.y *= texture.height;
            //Debug.Log("乘：" + pixelUV.x + "  y:" + pixelUV.y);
            pixelUV.y = texture.height - pixelUV.y;
            //Debug.Log("x:" + pixelUV.x + "  y:" + pixelUV.y);
            // NOTE: WSA does not support input processing YET.
            // To be honest, I couldn't find a way to programmatically pass the mouse event and keyboard input to the webview on WSA.
            // And I think there is a way to implement this obviously. Because I'm not used to developing Windows Store App.
            // So, I would be very happy if someone could tell me how.

            webView.InputEvent(state, key, (int)pixelUV.x, (int)pixelUV.y);
        }
#else
        Debug.LogWarning("Texturing feature is only supported on Win32/WSA/Windows Editor.");
#endif

2.4 显示之额外的显示层显示，不依赖于gameobject和ui
可以用单独的显示层显示，网页内交互方面也是一样，对于那些需要增加一个新的网页打开的，交互不理想。另外unity需要额外的ui层适配其大小，控制其显示与隐藏。
2.4.1 初始化
通过Initialize方法初始化，需要注意Initialize方法不要放置在协同里面调用，不然设置无效，其会按脚本的预设参数走。

Initialize设置其位置，和大小。
webView.Initialize(Vector4.zero, new Vector2(1920 * 0.5f, 1080 * 0.5f));

2.4.2 加载与显示
加载网页，还是Navigate方法，显示则是调用Show方法。
		webView.Navigate(url);
        webView.Show();

2.5 关闭网页
这里关闭只是单独显示层的关闭。也就是调用Show方法显示的网页层，对它进行关闭。
2.5.1 隐藏进行关闭
可以调用隐藏的方法Hide，将网页层隐藏。另外的unity的匹配的UI层也要进行隐藏，另外最好也要清楚缓存。
		scr_WWebView.Hide();
        scr_WWebView.ClearCache();
        recTra_WebPanel.gameObject.SetActive(false);

2.5.2 销毁进行关闭
对于网页，只要不销毁，那它肯定会占用内存，所以另一套方案是销毁打开的网页。这要分两步走，打开和销毁

打开并显示

只是打开网页对象和其listener
	webView.Initialize(Vector4.zero, new Vector2(1920 * size, 1080 * size));
        webView.Navigate(url);
        webView.Show();

关闭销毁

只是销毁网页对象和其listener   网页组件WWebView还是存在的
webView.Destroy();

3 Embedded Browser支持Window
支持平台assetstore  Embedded Browser



api说明文档Embedded Browser说明文档
3.1 Embedded Browser的使用
插件里提供了几套预制品使用，将符合需求的预制品放到场景里使用。



请求网页，调用Url属性，将请求地址赋值给Url。
scr_Browser.Url = url_twosideCode + png;

3.2 Embedded Browser的网页的关闭
一种直接对对象进行隐藏，一种是加载空白页（unity上是全透明的背景）。

下面的是加载空白页，也是用加载Url。空白页是"about:blank"
MainCanvasCtr.instance.scr_Browser.Url = "about:blank";

Embedded Browser的交互体验比WWebView好非常多，对于新打开的网页也是支持的。
4 UniWebView
支持平台

注意UniWebView是额外的显示层，不是在UGUI上的。
4.1显示的区域，大小设置
设置方案有三种，设置Frame属性，设置ReferenceRectTransform，设置成FullScreen
4.1.1 设置Frame属性
设置Frame属性，那么ReferenceRectTran和FullScreen都不能设置，因为设置了后，Frame属性会被忽略。

Frame有四个值，分别是X,Y,中心点的位置，其中（0，0）在屏幕正中心。W,H为网页的大小，宽高。


4.1.2 设置ReferenceRectTransform
设置该属性的话，将会忽略Frame的设置。ReferenceRectTransform是UI的RectTransform引用，不设置则选None，设置的话就要把UI上的指定的RectTransform拖动到该引用上。

设置后，网页大小会跟该RectTransform适配。
4.1.3 设置FullScreen
勾选FullScreen，也会忽略Frame的设置。网页打开就是全屏的。
4.2 加载网页
加载网页通过Load方法，参数为网址地址。下面的是代码控制实例，设置网页区域，加载网页
  			GameObject go = new GameObject("UniWebView");
            scr_UWV=go.AddComponent<UniWebView>();
            if(rectTrans)
            {
                scr_UWV.ReferenceRectTransform = rectTrans;
                scr_UWV.Show();
                scr_UWV.Load(urlNew);

            }

4.3显示与关闭
4.3.1 Show显示，Hide隐藏
通过Show和Hide进行显示和关闭，这两个方法是可以设置动画效果的。

显示
 scr_UWV.Show();

关闭
 	scr_UWV.Show();

4.3.2 Show显示，销毁关闭
手机平台需要考虑内存，所以如果网页不需要使用的情况，直接销毁，而不是隐藏。
scr_UWV.CleanCache();
Destroy(scr_UWV.gameObject);
scr_UWV = null;

另外不使用的情况下，最好清理下内存CleanCache方法。

关于android的返回键处理

android有返回键，而unity里只能做到监听，做不到拦截，所以在返回键处理上需要添加监听方法，额外处理返回键。

也就是需要对UniWebView的OnShouldClose添加监听方法，在方法中要对UniWebView引用清空，因为返回键是关闭该网页。
scr_UWV.OnShouldClose += UniWebViewClose;

注意返回值要为true，true则关闭UniwebView，如果是false则不关闭。
 if(scr_UWV)
        {
            scr_UWV.CleanCache();
            
        }
        scr_UWV = null;
        return true;

另外UniWebView还支持手指放大缩小SetZoomEnabled

具体其余支持，查找Api说明文档

这是放置在阿里云服务器上的，Linux系统，通过网站地址打开发现网页部分CSS样式加载失败，且都是这三个样式，不同浏览器访问都是这样，重启了服务器也尝试过，请问技术大佬们，这可能是什么问题，提供些解决办法就感激不尽。


网上说在外观—编辑，样式表修改，却也没找到相关的，
附上wordpress操作界面，
小白求指导，感谢！